`
Black_Sun
  • 浏览: 20931 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ExtJs CheckBoxGroup 更新所有子元素

阅读更多

function loadColumnPanel(combox) {
	jQuery.ajax({
		type : 'post',
		url : workPath + '/target/doTargetGroup.do?method=loadColumnPanel',
		dataType : 'json',
		async : false,
		data : "id=" + combox.value,
		success : function(data) {
			var d = data.datas;
			if (d != null && d != undefined && d != "") {
				/* 主要的代码开始 */
				var columnBox = Ext.getCmp("columnBox");
				var columns = columnBox.columns.length;
				var items = columnBox.items;
				var length = items.getCount();
				for ( var i = 0; i < length; i++) {
					var delItems = columnBox.items.items[0];
					delItems.destroy();
					columnBox.items.remove(delItems);
				}
				var col = columnBox.panel.items.get(0);
				for ( var i = 0; i < d.length; i++) {
					var chk = new Ext.form.Checkbox(d[i]);
					col = columnBox.panel.items.get(i % columns);
					col.add(chk);
					columnBox.items.add(chk);
				}
				columnBox.panel.doLayout();
				/* 主要的代码结束 */
			}
		}
	});
}
 

更新前:

 

更新后:点选combox更新所有checkbox


  • 大小: 133.5 KB
  • 大小: 123.2 KB
0
0
分享到:
评论
1 楼 wahaha603 2012-06-17  
这篇文章帮我解决了手上的问题,感谢楼主的分享。

相关推荐

    ExtJS实现动态读写Checkboxgroup

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

    EXTJS checkbox赋值

    在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...

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

    Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...

    ExtJs4 Checkbox tree

    由于Checkbox Tree支持多级节点,因此在处理全选/全不选或者级联选中时,需要使用递归算法遍历所有子节点,同步它们的选中状态。 9. **样式和模板**: 复选框的样式可以通过CSS自定义,如改变选中、未选中和三态...

    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值的代码

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

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    3. **子选父**:当一个子节点的复选框被改变时,其父节点的复选框状态应根据所有子节点的选中状态进行更新。可以监听`checkchange`事件,并在事件处理函数中进行判断。 4. **父选子**:当父节点的复选框被选中或...

    Ext模拟下拉多选checkbox

    Extjs 模拟下拉多选checkbox

    EXTJS动态树支持checkbox 全选

    4. **事件监听**:监听节点的`checkchange`事件,当用户改变复选框状态时,可以执行相应的业务逻辑,如更新服务器端数据或同步其他界面元素的状态。 5. **全选/全取消**:为了实现全选和全取消选中的功能,可以添加...

    EXT checkbox 的 check 事件

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

    ExtJs官网2.3.0开发包

    5. **Form组件**:ExtJS提供了丰富的表单元素,如文本字段、复选框、下拉列表等,并支持表单验证,使得创建功能完备的表单变得简单。 6. **Ajax和Store**:通过Ajax,ExtJS可以轻松地与服务器进行异步通信,获取或...

    extjs中的xtype的所有类型介绍

    16. checkboxgroup - xtype: 'checkboxgroup', 描述: 编组的多选框(Since 2.2) 17. displayfield - xtype: 'displayfield', 描述: 仅显示,不校验/不被提交的文本框 18. radiogroup - xtype: 'radiogroup', 描述: ...

    extJs3升级extjs4方案

    ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout ...

    extjs4如何自动生成掌握grid的列显示、隐蔽的checkbox_.docx

    尽管ExtJS4本身提供了对列可见性的控制功能,但为了更直观地展示这一特性,以及更好地满足用户的个性化需求,实现一个自定义的CheckboxGroup成为一种较为理想的方案。 #### 二、解决方案概述 本方案通过编写一个名...

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    checkbox tree extjs2

    在ExtJS中,Checkbox Tree是一种特殊的树形组件,它允许用户通过复选框选择树结构中的节点。这个"checkbox tree extjs2"主题主要涉及如何在ExtJS 2版本中实现带有复选框功能的树形控件。 在ExtJS 2中,Checkbox ...

    extjs-4.1.1 ExtJs所有文档及库文件

    extjs-4.1.1 ExtJs所有文档及库文件,在官网下的,这个版本很好,放在这方便大家下载!

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...

Global site tag (gtag.js) - Google Analytics