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();
相关文章
这篇文章主要介绍了Extjs如何根据条件设置表格某行背景色,需要的朋友可以参考下2014-07-07
Extjs表单验证包括空验证、用vtype格式进行简单的验证、高级自定义密码验证、使用正则表达式验证等等2014-03-03
下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码2009-04-04
本文为大家详细介绍下Extjs Gird 支持中文拼音排序以及修复汉字排序异常的Bug、localeCompare比较汉字字符串，Firefox与IE均支持，感兴趣的朋友可以参考下2013-04-04
ExtJS4 Grid改变单元格背景颜色及Column render学习
利用的是Column的render实现单元格背景颜色改变,本文给予了实现代码，感兴趣的朋友可以了解下，或许对你学习ExtJS4 Grid有所帮助2013-02-02
extjs实现选择多表自定义查询功能 前台部分(ext源码)
extjs实现选择多表自定义查询功能 前台部分(ext源码) ，需要的朋友可以参考下。2011-12-12
Ext JS中的Ext.Date可以看作是JavaScript中date的加强版,提供了许多进阶的日期操作函数,下面我们就来看一下Ext JS框架中日期函数的用法及日期选择控件的实现2016-05-05
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
TreePanel为ExtJS提供了一个方便的树结构数据展示,尤其是在处理JSON格式数据时十分常用,接下来我们就来看两则JavaScript的ExtJS框架中数面板TreePanel的使用实例解析2016-05-05
需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态，百度一下发现个不错的方法，需要的朋友可以参考下2013-11-11
当需要为ComboBox加载数据后进行赋初始选中项的话，如果是写在store.load()之后2012-03-03
最新评论