Extjs3.0 checkboxGroup 动态添加item实现思路

233 阅读 0 评论 154 点赞

我是靠谱客的博主殷勤香烟，最近开发中收集的这篇文章主要介绍Extjs3.0 checkboxGroup 动态添加item实现思路，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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(); 