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

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

本文关键字:视图 添加 组件 控制器 ExtJS5      更新时间:2023-09-26

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

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

我试过了

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

这仅在我重新打开窗口时才有效。

我尝试寻找刷新视图的方法,但找不到方法。

有没有更好的方法来实现此功能?

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

编辑 2:视图的栏

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

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

小提琴来说明

只需选择要添加复选框的适当组件,我在小提琴评论中描述了一些方法+您可以检查此问题/答案。