easyUI grid实现全选全清

先看效果:

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

实现思路:

记录你取消的行的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);
               	}
        }
时间: 2025-01-03 04:48:31

easyUI grid实现全选全清的相关文章

多选框checkbox全选全不选和反选

在判断多选框中的某一个是否被选中时,我们可以用checked的属性 选中了就返回true,没被选中就返回false; 这是html代码: <form action="#"> <label for="hobby">爱好:</label> <label for="hobby1"> <input type="checkbox" name="hobby" id=

用jquery实现复选框全选全不选问题(完整版),在网络上怎么也找不到完整的解决方案,重要搞全了

首先准备jsp页面控件: 请选择您的爱好:<br> <input type="checkbox" id="all" name="selectAll"value="全选"/>全选<br> <input type="checkbox" name="hobby"value="足球"/>足球 <input type=&qu

利用jQuery实现CheckBox全选/全不选/反选

转自:http://www.cnblogs.com/linjiqin/p/3148259.html jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过. 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" pageEncoding="UTF-8"%>   <!DOCTYPE

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName

jquery实现全选/全不选

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="./js/jquery.min.js"></script> </head> <body> <form action=&q

全选/全不选案例

<html> <head> <title>Html示例</title> <style type="text/css"> </style> </head> <body> <input type="checkbox" id="boxid" onclick="selectAllNo()"/>全选/全不选 <br/>

Jq 遍历 全选 全不选 反选

//全选 全不选 $('#checkAll').click(function () { //判断是否被选中 var bischecked = $('#checkAll').is(':checked'); var fruit = $('input[name="check"]'); bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false); }); //反选 遍历checkbox 如果当前为选中 就设置为

checkbox实现全选全不选

1.jQuery实现checkbox全选全不选 <!DOCTYPE html> <head runat="server"> <title>jQuery实现CheckBox全选.全不选</title> <meta charset="utf-8"> <script src="jquery-3.1.1.min.js"></script> <script type=

JS checkbox 全选 全不选

/* JS checkbox 全选 全不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/> 以下方法各有优劣,使用时根据情况而定. */ //全选(方法一:each 循环) function checkAll() { $.each($("input[name=cbx]"), fun

(checkbox)全选/全不选/反选/选中显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-