Ajout d'une classe Ext.Button dans un composant Box

Question

Je travaille avec extjs 2.2.1, ayant un peu de mal à ajouter un bouton dans une classe de composant box. De ma compréhension, parce que le composant de boîte étend la classe de composant, il n'a aucune option de config qui permettent à un article d'être ajouté. Ainsi, le code ci-dessous ne fonctionne pas ...

new Ext.Viewport({ 
    layout : 'border', 
    items : [new Ext.BoxComponent({ 
     region : 'north', 
     el : 'north', 
     height : 50, 
     items : new Ext.Button({ 
     iconCls : 'logout', 
     text : 'logout', 
     tooltip : 'logout', 
     handler : function() { } 
     }, mainTabPanel]) 
}); 

est-il une solution où je peux peux ajouter un bouton dans cette région du nord qui est composée d'une classe boxcomponent? Toute aide dans la bonne direction est grandement appréciée. Je vous remercie.

Answer 1

BoxComponent n'a pas la capacité de contenir des éléments enfants, si vous regardez les documents, vous verrez qu'il n'y a pas une option de configuration pour le faire. Vous devrez utiliser un conteneur (ou une sous-classe de celui-ci) pour obtenir cet effet.

Answer 2

Il était impossible d'avoir des éléments enfants dans une classe BoxComponent car ce n'est pas un conteneur. donc à la place, j'ai changé le BoxComponent à une classe de conteneur, comme Panel, qui m'a permis d'ajouter une classe de boutons.

new Ext.Viewport({ 
    layout : 'border', 
    items : [new Ext.Panel({ 
     region : 'north', 
     applyTo : 'north', 
     height : 50, 
     items : new Ext.Button({ 
     iconCls : 'logout', 
     text : 'logout', 
     tooltip : 'logout', 
     handler : function() { } 
    }, mainTabPanel]) 
    });