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 相关文章推荐
js中eval详解
Mar 30 Javascript
js判断ie版本号的简单实现代码
Mar 05 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
js跨域资源共享 基础篇
Jul 02 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
关于TypeScript中import JSON的正确姿势详解
Jul 25 Javascript
利用百度地图API获取当前位置信息的实例
Nov 06 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
vue中destroyed方法的使用说明
Jul 21 Javascript
javascript之Object.assign()的痛点分析
Mar 03 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
php简单实现MVC
2015/02/05 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
2016/11/07 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
利用Psyco提升Python运行速度
2014/12/24 Python
Python lxml模块安装教程
2015/06/02 Python
python模块之re正则表达式详解
2017/02/03 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
python 多线程重启方法
2019/02/18 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
企业给企业的表扬信
2014/01/13 职场文书
捐书寄语赠言
2014/01/18 职场文书
《诚实与信任》教学反思
2014/04/10 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
基层党组织整改方案
2014/10/25 职场文书
公司搬迁通知
2015/04/20 职场文书
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python