Extjs3.0 checkboxGroup 动态添加item实现思路
Extjs3.0 checkboxGroup 动态添加item实现思路
发布时间:2016-12-30 来源:查字典编辑
摘要:Extjs3.0中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。Chec...

Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。

CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态添加。

如需要数据动态创建,试着创建整个CheckboxGroup,而不是动态添加item。

复制代码 代码如下:

var unitColumns=[];

for(var i = 0;i < records.length;i++){

unitColumns.push({

boxLabel: records[i].data.A11,

name: records[i].data.A11,

inputValue: records[i].data.A1,

checked: false

});

}

var itemsGroup = new Ext.form.CheckboxGroup({

id:'unitItems',

bodyStyle:'background-color: transparent;margin-top:10px;',

fieldLabel: '选项',

columns: 2,

items: unitColumns

});

Ext.getCmp('OptionsSet').add(itemsGroup);

Ext.getCmp('OptionsSet').doLayout();

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类