Comment cacher la barre d'outils supérieure d'un Ext.Panel? (ExtJS 2.0)

Question

Pour une raison quelconque, Ext.Panel.getTopToolbar() renvoie un tableau d'objets (les éléments de la barre d'outils, mais NOT la barre d'outils) et non une barre d'outils ext. Pour cette raison, je n'arrive pas à masquer une barre d'outils déjà définie. Comment dois-je procéder?

Exemple de code:

function (panel) 
{ 
    alert(panel.getTopToolbar()); // displays the list of elements in the toolbar 
    panel.getTopToolbar().hide(); // error: "hide" is not a function 
} 

Answer 1

Il devrait fonctionner, il semble que vous utilisez peut-être topToolbar comme config au lieu d'utiliser tbar comme config? Si vous définissez une config tbar il est instancié et enregistré comme topToolbar qui est l'instance Ext.Toolbar exposée par getTopToolbar(). Si vous écrasez topToolbar directement, vous risquez de voir ce problème.

Vous trouverez peut-être ce bloc de code dans Panel.onRender (vous devrez inclure ce fichier directement) et définir un point d'arrêt dans Firebug pour voir ce qui se passe:

if(this.tbar && this.topToolbar){ 
     if(this.topToolbar instanceof Array){ 
      this.topToolbar = new Ext.Toolbar(this.topToolbar); 
     } 
     this.topToolbar.render(this.tbar); 
    } 

Answer 2

panel.getTopToolbar().setVisible(false);

Answer 3

En 4.2.1 ce qui fonctionne pour moi est:

  var topToolbar = Ext.create('Ext.toolbar.Toolbar', { 
       dock: 'top', 
       width: 'auto', 
       id: 'mytoolbar', 
       hidden: true, 
       items: [...] 
      }); 


      var p = Ext.create('App.view.MyCustomPanel', { 
       html: 'test', 
      }); 

      if (userCanSeeToolbar) { 
       p.addDocked(topToolbar); 
      } 

Ensuite, je peux dynamiquement afficher/masquer la barre d'outils:

/* if (userCanSeeToolbar) { */ 
p.getDockedComponent('mytoolbar').show(); 
p.getDockedComponent('mytoolbar').hide();