首页 > 其他 > 详细

easyUI grid实现全选全清

时间:2015-09-02 19:25:09      阅读:935      评论:0      收藏:0      [点我收藏+]

先看效果:

技术分享 技术分享 技术分享

当勾选全选的时候,所有记录都全选,当取消勾选时候,所有记录都取消。当手动取消某一行的时候,仅仅只取消勾选你取消的那一行。

实现思路:

记录你取消的行的id到数组中。然后在onloadSuccess里面通过判断是否在当前页中。来判断是否取消选中。简单代码如下:

grid的创建就不写了,只写主要的代码:

onLoadSuccess:function(data){
            if(markAll == ‘all‘){//标记勾选了全选
            	$(this).datagrid(‘checkAll‘);
                }
            if(markAll == ‘‘){//标记取消勾选全选
            	$(this).datagrid(‘uncheckAll‘);
                }
			$.each(cacelIndexs,function(index){
				var rowIndex = $(‘#bankData_data_grid‘).datagrid(‘getRowIndex‘,cacelIndexs[index]);
				if(rowIndex!=-1){
				$(‘#bankData_data_grid‘).datagrid(‘uncheckRow‘,rowIndex);
				}
				});
        },
        onUncheck:function(index,row){
           	$(‘#allCheck‘).attr(‘checked‘,false);
           	if($.inArray(row.ID,cacelIndexs)==-1){
           		cacelIndexs.push(row.ID);
               	}
        }



 

easyUI grid实现全选全清

原文:http://my.oschina.net/kkrgwbj/blog/500779

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!