如何从 ExtJS5 中的控制器向视图添加组件？

Question

我目前正在寻找从 ExtJS 中的控制器向视图动态添加复选框。

将发送新数据，我希望添加复选框以启用或禁用显示的内容。我对如何启用和禁用有一个想法，但我仍然坚持尝试添加到视图中。

我试过了

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

这仅在我重新打开 window 时有效。

我尝试搜索刷新视图的方法，但找不到方法。

有没有更好的方法来实现这个功能？

编辑：特别是我需要刷新 tbar。

编辑 2：视图的 tbar

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

Answer 1

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

Fiddle to illustrate

只要 select 适当的组件，你想在其中添加复选框，我在 fiddle 评论中描述了一些方法 + 你可以检查这个 question / answer.

如何从 ExtJS5 中的控制器向视图添加组件？

How to add components to a View from a Controller in ExtJS5?

javascript

extjs

extjs5