Extjs3.0 checkboxGroup 动态添加item实现思路


Posted in Javascript onAugust 14, 2013

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();
Javascript 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
javascript Ext JS 状态默认存储时间
Feb 15 Javascript
JS编程小常识很有用
Nov 26 Javascript
jQuery 判断图片是否加载完成方法汇总
Aug 10 Javascript
JavaScript、jQuery与Ajax的关系
Jan 24 Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
May 17 Javascript
vue开发调试神器vue-devtools使用详解
Jul 13 Javascript
在vue中封装可复用的组件方法
Mar 01 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 Javascript
vue导航栏部分的动态渲染实例
Nov 01 Javascript
Javascript中判断变量是数组还是对象(array还是object)
Aug 14 #Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 #Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
Aug 14 #Javascript
js中return false(阻止)的用法
Aug 14 #Javascript
JavaScript中window、doucment、body的解释
Aug 14 #Javascript
onmouseover和onmouseout的一些问题思考
Aug 14 #Javascript
js之onload事件的一点使用心得
Aug 14 #Javascript
You might like
php获取某个目录大小的代码
2008/09/10 PHP
解析csv数据导入mysql的方法
2013/07/01 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
PHP数组操作――获取数组最后一个值的方法
2015/04/14 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
用python制作游戏外挂
2018/01/04 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
python实现桌面托盘气泡提示
2019/07/29 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
学校后勤岗位职责
2014/02/19 职场文书
教师演讲稿大全
2014/05/16 职场文书
2014年第四季度入党积极分子思想汇报(十八届四中全会)
2014/11/03 职场文书
简历自荐信范文
2015/03/09 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
2022微信温控新功能上线
2022/05/09 数码科技