Extjs3.0 checkboxGroup 动态添加item实现思路
更新时间：2013年08月14日 15:16:07 作者：
Extjs3.0中的CheckboxGroup默认不能动态添加item,如需要数据动态创建，试着创建整个CheckboxGroup，而不是动态添加item，具体实现如下，感兴趣的朋友可以了解下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
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();
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();
相关文章
在本人目前的项目中，前端部分完全使用EXTJS基于“One-Page”理念搭建。2010-03-03
网上找了好多EXTJS上传图片预览的，但都不行，，，下面虽然IE8可以但肯定还存在其它浏览器的兼容性问题，待搁应付一下吧2012-03-03
关于extjs treepanel复选框选中父节点与子节点的问题
实现带有复选框的树,选中父节点时，选中所有子节点。取消所有子节点时，才能取消根节点,感兴趣的朋友可以了解下本文2013-04-04
今天帮朋友解决了一个问题：使用ExtJs的TreePanel控件，如何得到树的第一个叶子节点的信息。2009-10-10
extjs的一个亮点就是提供了丰富的UI，使得没有艺术细胞的程序员也能做出绚丽的界面。把所有的UI集中到一起，有好处也有坏处，好处是有了统一的风格和接口，坏处是js文件过于庞大，使用extjs的最小集合也超过了500k，所以在有些项目中并不适用。2009-10-10
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
在用extjs做参数设置的时候，想在文本框后加入说明子，在网站上走了一大圈还是没能找到合适的，小花用了一个下午的上班时间终于将这个页面与我想要的功能做出，页面很好看与自然，希望网友在用extjs做项目的时候用的着.2009-11-11
Ext JS中的Ext.Date可以看作是JavaScript中date的加强版,提供了许多进阶的日期操作函数,下面我们就来看一下Ext JS框架中日期函数的用法及日期选择控件的实现2016-05-05
Ext.util.Observable有一个重要的功能，可以为某个事件设置拦截器，统一管理方法的处罚。使用capture()和releaseCapture()来实现这个功能。2010-01-01
这篇文章主要介绍了ExtJS4如何给Combobox设置列表中的默认值,需要的朋友可以参考下2014-05-05
radio控件的选取状态如何设置与获取，下面使用ExtJS来简单实现下，感兴趣的朋友可以参考下2014-01-01
最新评论