2012-07-24 167 views
1

ExtJS 4将按钮动态添加到面板

如何在按钮属性中动态地将按钮添加到面板? 在ExtJS 3中,我们有panel.addButton(),但是在ExtJS 4中没有找到任何这样的功能。我也尝试了panel.addDocked(),但它不起作用。

回答

4
Ext.onReady(function() { 

    var p = Ext.create('Ext.panel.Panel', { 
     width: 200, 
     height: 200, 
     renderTo: document.body, 
     title: 'A Panel', 
     buttons: [{ 
      text: 'B1' 
     }] 
    }); 

    setTimeout(function(){ 
     p.down('toolbar').add({ 
      text: 'B2' 
     }); 
    }, 1000); 

}); 
+0

它工作。谢谢。 不需要setTimeout。 – Shashwat 2012-07-24 09:33:20

+0

我只想在主面板的按钮配置中只有按钮。我有很多带有工具栏的子面板,并且按钮被附加到那里。 后来我用这个查询。 ('> toolbar [dock =“bottom”]')。add(tab.buttons); 获得底部条 现在它的retreiving两个按钮和bbar。我如何区分这两者? – Shashwat 2012-07-24 11:42:36

+0

它也适用于Window。 'win.down( '工具栏')。添加({...})'。谢谢。 – ConductedClever 2017-11-22 08:22:25