Extjs3.0 checkboxGroup 动态添加item实现思路
更新时间：2013年08月14日 15:16:07 作者：
Extjs3.0中的CheckboxGroup默认不能动态添加item,如需要数据动态创建，试着创建整个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();
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();
相关文章
知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏)下面为大家介绍下extjs的两个tbar问题，感兴趣的朋友可以参考下2013-08-08
Extjs动态加载树的实现代码，需要的朋友可以参考下。2010-04-04
JavaScript的Ext JS框架中的GridPanel组件使用指南
GridPanel和TreePnal功能类似,都是Ext JS中的表格便携利器,相比之下GridPanel还要更强大并且更复杂一些,下面我们就来整理一下JavaScript的Ext JS框架中的GridPanel组件使用指南2016-05-05
Extjs 继承Ext.data.Store不起作用原因分析及解决
有关Extjs 继承Ext.data.Store 不起作用的原因有很多种，接下来与大家分享下，本人遇到的，这个Store写出来之后 是不会起到作用的，感兴趣的朋友可以看下详细的原因及解决方法2013-04-04
ExtJS accordion布局使用说明，需要的朋友可以参考下。2009-10-10![ExtJS[Desktop]实现图标换行示例代码](//img.jbzj.com/images/xgimg/bcimg5.png)
ExtJS中的desktop的demo中，默认的图标排列是不换行的，以下代码就是为了解决这一问题的，需要的朋友可以了解下2013-11-11
这篇文章主要介绍了ExtJS4利根据登录后不同的角色分配不同的树形菜单,需要的朋友可以参考下2014-05-05
extJs 文本框后面加上说明文字+下拉列表选中值后触发事件
在用extjs做参数设置的时候，想在文本框后加入说明子，在网站上走了一大圈还是没能找到合适的，小花用了一个下午的上班时间终于将这个页面与我想要的功能做出，页面很好看与自然，希望网友在用extjs做项目的时候用的着.2009-11-11
最近在学习使用ExtJS进行富客户端开发。使用ExtJS 2.2.1的grid控件时，发现在ie6中运行存在一个问题2009-05-05
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
在Extjs中的GridPanel会有这样的情况，隐藏列会显示在menuDisabled中,但是这个一般没有什么用处，只是用于后台取值的作用,感兴趣的朋友可以了解下啊，希望本文对你有所帮助2013-01-01
![ExtJS[Desktop]实现图标换行示例代码](http://img.jbzj.com/images/xgimg/bcimg5.png)
最新评论