Extjs3.0 checkboxGroup 动态添加

重庆-传说

于 2013-08-14 09:58:59 发布

阅读量3.9k

点赞数

原创不易，白嫖不好，如果有用，请点赞，让更多的朋友看到这篇文章。

本文链接：https://blog.csdn.net/zdb330906531/article/details/9959735

版权

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