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 程序编码规范
Nov 23 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
浅析Node.js实现HTTP文件下载
Aug 05 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 Javascript
Three.js基础部分学习
Jan 08 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
原生JS无缝滑动轮播图
Oct 22 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
paypal即时到账php实现代码
2010/11/28 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
2016/12/22 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
vue实现移动端图片裁剪上传功能
2020/08/18 Javascript
javascript如何用递归写一个简单的树形结构示例
2017/09/06 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
Vue封装的组件全局注册并引用
2019/07/24 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
linux系统使用python监控apache服务器进程脚本分享
2014/01/15 Python
python查询sqlite数据表的方法
2015/05/08 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python实现Logger打印功能的方法详解
2017/09/01 Python
Python星号*与**用法分析
2018/02/02 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
python微信好友数据分析详解
2018/11/19 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
基于Tensorflow读取MNIST数据集时网络超时的解决方式
2020/06/22 Python
深入了解Python 变量作用域
2020/07/24 Python
服务标语口号
2014/07/01 职场文书
公务员考察材料范文
2014/12/23 职场文书
护士实习自荐信
2015/03/06 职场文书
2015年采购部工作总结
2015/04/23 职场文书