手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Extjs3.0 checkboxGroup 动态添加item实现思路
Extjs3.0 checkboxGroup 动态添加item实现思路
摘要: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();

【Extjs3.0 checkboxGroup 动态添加item实现思路】相关文章:

基于JavaScript实现动态添加删除表格的行

动态加载jQuery的方法

js实现顶部可折叠的菜单工具栏效果实例

javascript元素动态创建实现方法

javascript动态设置样式style实例分析

javascript 动态添加表格行

jquery任意位置浮动固定层插件用法实例

Jquery动态添加输入框的方法

动态加载iframe

CheckBox 如何实现全选?

精品推荐
分类导航