如何在ExtJS5的控制器中將組件添加到視圖中？

我目前正在尋找動態添加複選框到ExtJS控制器的視圖。如何在ExtJS5的控制器中將組件添加到視圖中？

新數據將被髮送，我希望添加複選框來啓用或禁用顯示的內容。我對如何啓用和禁用有一個想法，但我堅持試圖添加到視圖。

我已經試過

This.lookupReference('config').menu.config.items(push({ 
     xtype: 'checkbox', 
     fieldLabel: 'test 2', 
     checked: false 
    }));

這隻有當我重新打開窗口的工作。

我試圖尋找一種方法來刷新視圖，但我找不到方法。

有沒有更好的方法來實現這個功能？

編輯：特別是我需要刷新tbar。

編輯2：查看的TBAR

tbar: { 
xtype: 'toolbar', 
layout: { 
    overflowHandler: 'Menu' 
}, 
items: [ '->', { 
    text: 'Config', 
    reference: 'graphConfig', 
    menu: { 
     items: [{ 
      xtype: 'checkbox', 
      fieldLabel: 'Test Checkbox', 
      checked: false, 
     }] 
    } 
}] 
}

來源

2016-01-27 Phased

顯示/隱藏組件怎麼樣？您可以將它們添加到視圖並從控制器控制其可見性。 – hasnae

這個想法是爲了消除不斷更新代碼的需要，但讓它保持自我。新的傳感器數據將從機器人進入Web應用程序，如果我們添加新的組件，或嘗試繪製其他內容，則需要更改視圖的代碼。 – Phased

您可以使用任何Ext.container.Container或其延長的add()或insert()方法。

Fiddle to illustrate

只要選擇合適的組件要添加複選框，我描述了小提琴評論一些方法+你可以檢查此question/answer。

來源

2016-01-27 18:47:51

這是行不通的，除了我應該注意到的一件事外，我正在使用窗口，所以它將它呈現到主屏幕，而不是我希望複選框添加到的窗口（視圖）。 – Phased

@Phased您是否可以撥弄小提琴或者只是在問題中添加更多的代碼來反映這個問題？ –

我正在努力做一個模擬小提琴。我只是從ExtJS開始，一切都完成了，我只是在應用程序中添加更多的功能。因爲我真的無法使用小提琴，下面是3張圖片來展示我的意思。 http://puu.sh/mMzg5/5e01c3f39c.png http://puu.sh/mMzir/4689699730.png http://puu.sh/mMzv8/96840f1fe4.png。從這些照片中，1是從我打開窗口之前，2是問題的地方，它應該顯示在圖3中的窗口欄。 – Phased

如何在ExtJS5的控制器中將組件添加到視圖中？

回答

相關問題