Un conteneur est un objet capable d'accueillir des éléments de vue. C'est un composant générique fournissant les méthodes d'ajout et de retrait d'éléments. Il regroupe ainsi les éléments et permet une manipulation globale comme les actions d'afficher et de masquer.

Un panel est un conteneur structuré permettant la gestion d'un ensemble d'éléments, et disposant également de barre d'outils, de statuts, etc.

Il est souvent utile (voire nécessaire) de connaître la relation entre les composants d'Ext JS et leur xtype. Ou bien de connaître la liste complète de ces composants, leur classe ainsi qu'où les trouver rapidement dans la documentation d'Ext JS. Il y a une page dans la documentation qui permet de faire tout ça très simplement.

Allez dans la documentation ("API Documentation") d'Ext JS :

• en local : ...EXTJS/docs/index.html (où EXTJS est le dossier où vous avez rangé la bibliothèque) ;
• en ligne : http://docs.sencha.com/extjs/4.0.7/#!/apiAPI Documentation.

Là, vous cliquez sur Component :

• en local : ...EXTJS/docs/index.html#/api/Ext.Component ;
• en ligne : http://docs.sencha.com/extjs/4.0.7/#!/api/Ext.ComponentComponent.