`
wdky0429
  • 浏览: 18872 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

动态数据生成Ext CheckboxGroup 及Checkbox取值 代码

    博客分类:
  • EXT
EXT 
阅读更多
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({
				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();

}

  • 大小: 5.8 KB
1
0
分享到:
评论
2 楼 wdky0429 2011-07-08  
naruto770 写道
好帖,只是 xtype : 'checkboxgroup' 没必要写吧!

改正了,谢谢。
1 楼 naruto770 2011-03-24  
好帖,只是 xtype : 'checkboxgroup' 没必要写吧!

相关推荐

    Ext checkBoxGroup的用法和取值

    本篇将详细探讨`checkBoxGroup`的使用方法及其取值方式,这对于创建复杂的表单和数据选择功能至关重要。 `Ext JS`中的`checkBoxGroup`是一个方便的组件,它允许用户在一个组内多选或单选复选框。`checkBoxGroup`常...

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选

    ext checkboxgroup 回填数据解决

    重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...

    ExtJS实现动态读写Checkboxgroup

    动态读写Checkboxgroup涉及了对用户交互的响应以及数据的实时更新,这对于创建交互性强、用户友好的界面至关重要。下面将详细讲解如何实现这一功能。 首先,我们需要了解CheckboxGroup的基本结构。CheckboxGroup由...

    C#_winform_动态生成RadioButton和CheckBox并获取选中值

    C#的winform是没有webform的RadioButtonList和CheckBoxList这两个...要实现从数据库取出数据后动态生成N个RadioButton和CheckBox并获取选中项目的值,请看本例。思路很简单,有问题请指出,相互学习共同进步,谢谢。

    EXT checkbox 的 check 事件

    EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。

    C#获取动态生成的CheckBox值

    在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的实现方式。 **方法一:服务器容器控件中添加子控件** 在ASP.NET中,我们可以利用服务器端控件来动态创建CheckBox。这种方式的...

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

    CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态添加。如需要数据动态创建,试着创建整个CheckboxGroup,而不是动态添加item。 代码如下: var ...

    Ext表单组件之checkbox

    如果需要一组互斥的复选框,可以使用`Ext.container.CheckboxGroup`,它允许用户从一组选项中选择一个。配置`columns`属性可以设置每行显示的复选框数量。 8. **响应式设计** 在移动设备上,复选框的布局可能需要...

    Flex动态生成checkbox组

    "Flex动态生成checkbox组"这个主题,就是关于如何在Flex应用中利用代码动态创建并管理一系列的Checkbox组件。 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。在Flex中,我们可以...

    Ext.net TreePanel的Checkbox操作及父子联动

    在EXT.NET框架中,TreePanel是一个非常重要的组件,它用于展示层次结构的数据,通常用于构建树形目录或层级关系的界面。在这个特定的场景中,我们关注的是TreePanel中的Checkbox功能以及父子节点间的联动效果。 ...

    extjs 初始化checkboxgroup值的代码

    代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) &gt; -1) ...

    flex动态生成checkbox

    flex动态生成checkbox,方便多项选择维护更新

    Delphi动态创建和载入CheckBox控件.rar

    为了动态地在界面上添加CheckBox,你需要在窗体的`OnCreate`事件处理程序中执行创建和布局的代码。这样,每次打开窗体时,CheckBox都会被重新创建。 载入CheckBox的状态,比如是否被选中,通常涉及到文件读写操作。...

    Vue动态生成el-checkbox点击无法赋值的解决方法

    这会导致当你尝试通过点击动态生成的`el-checkbox`来改变它的选中状态时,相应的数据不会被更新,因为Vue没有追踪到这一变化。 在Element UI中,`el-checkbox-group`组件和它的子组件`el-checkbox`是通过`v-model`...

    CheckBoxGroup.js:CheckBoxGroup JavaScript 类

    在JavaScript编程中,`CheckBoxGroup.js` 是一个用于管理复选框组的类,它提供了一种方便的方式来处理多个复选框之间的交互和数据管理。这个类通常用于创建用户界面,其中用户可以从多个选项中选择一个或多个。下面...

    遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList代码

    ### 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList #### 知识点一:CheckBoxList概述及应用场景 **CheckBoxList** 是ASP.NET Web Forms中一个非常有用的控件,它允许用户选择一个或多个选项。CheckBoxList...

    table中checkbox取值

    在网页设计和开发中,表格(Table)是展示数据常用的一种布局方式,而复选框(Checkbox)则是用户交互的重要元素之一。当我们需要在表格中使用复选框时,往往需要处理它们的值,比如选中状态的获取、传递或者存储。...

Global site tag (gtag.js) - Google Analytics