`
姜中秋
  • 浏览: 88791 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Extjs 的 checkbox全选和反选

ext 
阅读更多
Ext.create('Ext.form.Panel', {
	    title: 'Checkbox Group',
	    width: 300,
	    height: 125,
	    bodyPadding: 10,
	    renderTo: Ext.getBody(),
	    items:[{
	        xtype: 'checkboxgroup',
	        fieldLabel: 'Two Columns',
	        id:'cg',
	        // Arrange radio buttons into two columns, distributed vertically
	        columns: 2,
	        vertical: true,
	        items: [
	            { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
	            { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true },
	            { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
	            { boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
	            { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
	            { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }
	        ]
	    }]
	    ,bbar: [
		        {
		            text: '反选',
		            handler: function() {
		        		var array = Ext.getCmp('cg').items;
		        		array.each(function(item){
//		        			alert(item.getValue());
		        			if(item.getValue()==true){
		        				item.setValue(false);
		        			}else{
		        				item.setValue(true);
		        			}
		        		});
//		        		alert(Ext.getCmp('cg').items.length);
		            }
		        },
		        '-',
		        {
		            text: '全选',
		            handler: function() {
			        	var array = Ext.getCmp('cg').items;
		        		array.each(function(item){
		        		    item.setValue(true);
		        		});
		            }
		        } 
		    ]
	});


只要对checkboxgrounp进行遍历就可以
分享到:
评论

相关推荐

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

    接下来,我们将讨论如何实现全选、反选、子选父和父选子的功能: 1. **全选**:可以通过遍历整个树并设置所有节点的`checked`属性为`true`来实现。这通常需要一个全局方法,接收树对象作为参数。 2. **反选**:与...

    EXTJS动态树支持checkbox 全选

    总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,旨在提供用户友好的多选操作。通过这个功能,开发者可以构建出更加交互性强、功能丰富的Web...

    jquery全选反选

    "jquery全选反选"这个主题就是关于如何利用jQuery实现复选框的选择全部(全选)和选择相反(反选)功能,这在诸如表格数据筛选、多选确认等场景中非常实用。 全选功能允许用户一键选中所有复选框,反选则是将所有已...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    在EXTJS这个强大的JavaScript框架中,用户界面的交互设计是其一大亮点,其中包括各种各样的控件,如复选框(checkboxes)和全选功能。然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消...

    ExtJs4 Checkbox tree

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

    ExtJS4.2源码+实例

    2. **Checkbox全选**:在ExtJS的GridPanel中,可以轻松实现复选框的选择功能,包括全选和反选操作,这对于数据操作和批量处理非常有用。 3. **动态选择显示哪些列**:用户可以根据需要动态隐藏或显示表格的列,这种...

    ExtJs开发实战

    2. Checkbox全选功能:表格中会使用Checkbox来实现多选功能,ExtJs中可以方便地通过配置选项来实现全选或反选,以及对应行的选中状态管理。 3. 动态列显示:在数据展示时,用户可能需要根据自己的需求选择显示哪些...

    ExtJS布局之border实例

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用...

    extjs2.2.1

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,推拽改变...

    ext.net-extjs

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    Extjs 相关源码资源下载

    Extjs 相关源码,帮助我们进行开发相关程序和功能。...自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。

    EXTJS开发文档

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    EXTJS 3.3.1例子

     自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。  再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽...

    ExtJS-4.1.1

    已经经过配置,参照文档可以省去一些配置步骤。extjs是一种软件。自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。

    extjs4.0开发技术文档

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    ExtJS 4.2.0

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    Extjs panel里添加checkboxgrop后台动态获取数据

    Extjs checkboxgrop动态获取后台数据,并默认为全选状态

    extjs3.2 资源包文件

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变...

    EXTJS 3.0中文版文档+实例

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变...

    ExtJs实例代码

    自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。 再加上可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽...

Global site tag (gtag.js) - Google Analytics