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 composants de boîte. De ma compréhension, parce que le composant de boîte étend la classe composant, il n'a pas d'options de configuration qui permettent à un élément à ajouter. Ainsi, le code ne fonctionne pas au-dessous ...

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])
});

Y at-il une solution de contournement 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. Merci.

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 aurez besoin d'utiliser un conteneur (ou une sous-classe de celle-ci) pour obtenir cet effet.

Answer 2

Il n'y avait aucun moyen autour d'avoir des éléments enfants dans une classe BoxComponent car il est pas un conteneur. Ainsi, au lieu, j'ai changé le BoxComponent à une classe de conteneur, comme panneau, qui m'a permis d'ajouter une classe de bouton.

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])
  });