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

Ext JS 4实现带week(星期)的日期选择控件(实战一)
前言ExtJS3和ExtJS4中都有提供日期选择的组件(当然早期版本也有)。但是有一些日期选择的需求是要看到星期,就是日期中的哪一天是这一年的第几周。遗

Ext JS 4实现带week(星期)的日期选择控件(实战二)
前言JavaScript中的日期和时间ExtJS4实现带week(星期)的日期选择控件(实战一)如对本篇的一些预备知识需详尽了解,可参考以上两篇。Javascript有提供Date对象

ExtJS DOM元素操作经验分享
记得最早刚接触网页操作DOM元素的时候是做毕业设计的时候,用JQuery操作的。毕业工作后是从事C++方面的编程,两年后,又重新解决了网页编程,不过