extjs 3.4 如何动态添加复选框到工具栏

Posted

技术标签:

【中文标题】extjs 3.4 如何动态添加复选框到工具栏【英文标题】:extjs 3.4 how to dynamically add checkbox to toolbar 【发布时间】:2012-04-04 13:02:24 【问题描述】:

我有一个带有BottomToolbar 的面板。我想动态添加和删除checkbox/checkboxgroupradio/radiogroup。我看到我们有 addItem for Ext.Toolbar 的方法,但复选框没有扩展 Item... 有没有办法做到这一点?

我的代码预览和我想要实现的目标:

var myCheckboxGroup = new Ext.form.CheckboxGroup(
        id:'displayParamCheckGroup',
        xtype: 'checkboxgroup',
        columns: 1,
        items: checkboxArray
    );
Ext.getCmp('siteChartPanel').getBottomToolbar().add(myCheckboxGroup);

【问题讨论】:

【参考方案1】:

添加后忘记调用doLayout()方法:

Ext.getCmp('siteChartPanel').getBottomToolbar().doLayout();

【讨论】:

以上是关于extjs 3.4 如何动态添加复选框到工具栏的主要内容,如果未能解决你的问题,请参考以下文章

为 Ext JS 3.4 添加动态列

如何在 extjs actioncolumn 图标上添加动态工具提示?

ExtJS (3.4):更新 TabPanel 中面板的工具提示

将 extjs 项动态添加到字段容器

EXTJS 3.4 中的复选框选择模型

Extjs-3.4 复选框组指定列中的复选框