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
分享到:
相关推荐
动态读写Checkboxgroup涉及了对用户交互的响应以及数据的实时更新,这对于创建交互性强、用户友好的界面至关重要。下面将详细讲解如何实现这一功能。 首先,我们需要了解CheckboxGroup的基本结构。CheckboxGroup由...
在描述中提到的“最难解决的问题”——在修改时为`checkboxgroup`赋值,这是因为EXTJS默认的`setValue`方法可能不会按照期望的方式更新所有复选框的状态。为了解决这个问题,开发者通常需要自定义方法来处理。如示例...
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
由于Checkbox Tree支持多级节点,因此在处理全选/全不选或者级联选中时,需要使用递归算法遍历所有子节点,同步它们的选中状态。 9. **样式和模板**: 复选框的样式可以通过CSS自定义,如改变选中、未选中和三态...
重写 代码如下: //解决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(...
代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) > -1) ...
3. **子选父**:当一个子节点的复选框被改变时,其父节点的复选框状态应根据所有子节点的选中状态进行更新。可以监听`checkchange`事件,并在事件处理函数中进行判断。 4. **父选子**:当父节点的复选框被选中或...
Extjs 模拟下拉多选checkbox
4. **事件监听**:监听节点的`checkchange`事件,当用户改变复选框状态时,可以执行相应的业务逻辑,如更新服务器端数据或同步其他界面元素的状态。 5. **全选/全取消**:为了实现全选和全取消选中的功能,可以添加...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
16. checkboxgroup - xtype: 'checkboxgroup', 描述: 编组的多选框(Since 2.2) 17. displayfield - xtype: 'displayfield', 描述: 仅显示,不校验/不被提交的文本框 18. radiogroup - xtype: 'radiogroup', 描述: ...
ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很大的变化,包括 tree、tab panel、grid、window、form、chart、data stores、border layout ...
尽管ExtJS4本身提供了对列可见性的控制功能,但为了更直观地展示这一特性,以及更好地满足用户的个性化需求,实现一个自定义的CheckboxGroup成为一种较为理想的方案。 #### 二、解决方案概述 本方案通过编写一个名...
在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...
在ExtJS中,Checkbox Tree是一种特殊的树形组件,它允许用户通过复选框选择树结构中的节点。这个"checkbox tree extjs2"主题主要涉及如何在ExtJS 2版本中实现带有复选框功能的树形控件。 在ExtJS 2中,Checkbox ...
extjs-4.1.1 ExtJs所有文档及库文件,在官网下的,这个版本很好,放在这方便大家下载!
ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...
在本篇文章中,我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中(checked)的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...