2012-07-24 205 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