`
姜中秋
  • 浏览: 86705 次
  • 性别: 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动态树支持checkbox 全选

    通过修改网络上的一个树的例子实现节点的动态加载,还支持checkbox。

    ExtJS布局之border实例

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

    extjs2.2.1

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

    ext.net-extjs

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

    ExtJS 中文手册2

    ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。... 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能

    Extjs 相关源码资源下载

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

    EXTJS开发文档

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

    extjs3.2 资源包文件

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

    EXTJS 3.3.1例子

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

    ExtJs开发实战

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

    ExtJS-4.1.1

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

    extjs4.0开发技术文档

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

    ExtJS 4.2.0

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

    Extjs中文文档.pdf

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

    ExtJS4.2源码+实例

    这是一款比较实用的前端开发框架,里面功能齐全,自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染等。

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

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

    EXTJS 3.0中文版文档+实例

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

    ExtJs实例代码

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

    三层结构很好的一个范例

    很清晰,ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术...自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。

    ExtJS(ajax框架) 4.2.1

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

Global site tag (gtag.js) - Google Analytics