Ext4 checkbox 动态加载问题
来源:互联网 发布:php程序员来晒工资 编辑:程序博客网 时间:2024/05/22 03:52
项目上遇到checkbox动态加载问题,搜索了下,发现有相应的文章:http://blog.csdn.net/zuoanlove/article/details/7741539,具体如下:
DoctorWorkStation_CommonDoctorAdvice.CreateYZCheckBoxWin = function(store, colnum,title) { var count = store.getCount(); var myCheckboxItems = []; for (var i = 0; i < count; i++) { var boxLabel = store.getAt(i).get("name"); var name = store.getAt(i).get("id"); myCheckboxItems.push({ boxLabel : boxLabel, name : name }); } var myCheckboxGroup = new Ext.form.CheckboxGroup({ xtype : 'checkboxgroup', itemCls : 'x-check-group-alt', columns : colnum, items : myCheckboxItems }); var form = new Ext.FormPanel({ border : true, frame : true, labelAlign : "right", buttonAlign : 'right', layout : 'column', width : 500, items : [myCheckboxGroup], buttons : [{ xtype : 'button', text : '确定', handler : function() { var ids = []; var cbitems = myCheckboxGroup.items; for (var i = 0; i < cbitems.length; i++) { if (cbitems.itemAt(i).checked) { ids.push(cbitems.itemAt(i).name); } } win.destroy(); if (ids.length) { Ext.Msg.alert("消息", "选中状态的id组合字符串为:" + ids.toString()); } } }, { xtype : 'button', text : '取消', handler : function() { win.destroy(); } }] }); var win = new Ext.Window({ modal : true, layout : 'fit', title : title, width : 500, height : 300, plain : true, items : [form] }); win.show(); }
发现以上代码在ext4里不完全适用。
以下实现修改的一个字符串,为1时选中,为0时不选中。
初始化时:
selValue='111111111000011111';
for (var i = 0; i < count; i++) {
var boolValue=selValue.charAt(i)=='1'?true:false;
myCheckboxItems.add({
boxLabel : i+1,
name : 'cb',
inputValue:selValue.charAt(i),
checked:boolValue
});
}
取值时:
var cbitems = myCheckboxGroup.items;
var str='',
for (var i = 0; i < cbitems.length; i++) {
str+=cbitems.items[i].checked==true?'1':'0';
}
}
api如下:
add( Ext.Component[]/Ext.Component... component ) : Ext.Component[]/Ext.ComponentAdds Component(s) to this Container.Description:Fires the beforeadd event before adding.The Container's default config values will be applied accordingly (see defaults for details).Fires the add event after the component has been added.Notes:If the Container is already rendered when add is called, it will render the newly added Component into its content area.If the Container was configured with a size-managing layout manager, the Container will recalculate its internal layout at this time too.Note that the default layout manager simply renders child Components sequentially into the content area and thereafter performs no sizing.If adding multiple new child Components, pass them as an array to the add method, so that only one layout recalculation is performed.tb = new Ext.toolbar.Toolbar({ renderTo: document.body}); // toolbar is rendered// add multiple items.// (defaultType for Toolbar is 'button')tb.add([{text:'Button 1'}, {text:'Button 2'}]);To inject components between existing ones, use the insert method.
具体可参见api :
Ext.container.AbstractContainer
- Ext4 checkbox 动态加载问题
- javascript 动态加载 select,radio,checkbox
- js--- 动态加载checkbox的onclick事件
- Android checkbox及动态加载控件
- ext4.2中带checkbox框的树的点击事件的问题
- gridview中使用CheckBox,解决CheckBox数据加载错乱问题
- 动态加载控件问题
- 动态加载指令问题
- Adapter动态加载问题
- 动态加载类问题
- Ext4.2.1学习历程之二:自定义类及类的动态加载
- Ext4使用总结(六)树的动态加载,分支的刷新
- ext4 学习笔记(八)[动态加载Js](白鹤翔第一季)
- 关于提交动态的checkbox的问题
- 动态生成Checkbox,并且加载时有loadMask提示
- comboBox动态加载数据并支持多选(checkbox)
- CheckBox的一些用法(内容包含动态加载布局)
- JavaScript 通过Ajax 动态加载CheckBox复选框
- 社工库365开网站公开售卖盗取的账号信息
- Android系统升级
- 使用JAVA写出DBF意外出现失败
- Android C/C++ 开发. .
- Linux ALSA声卡驱动之一:ALSA架构简介
- Ext4 checkbox 动态加载问题
- 我的Android手机应用
- ubuntu apt-get命令
- Python 字符串操作
- AIX中一些文件處理命令用法
- android录音和得到音量
- linux raid1搭建教程
- mybatis-spring集成:配置多数据库源中遇到的问题--MapperScannerConfigurer配置
- Sqlite3的使用小结(不定期更新)