码迷,mamicode.com
首页 > 其他好文 > 详细

easyui反选全选和全不选代码以及方法的使用

时间:2015-10-07 09:37:03      阅读:827      评论:0      收藏:0      [点我收藏+]

标签:

首先要说明的是,onclick="javascript:这里只能写JS的代码,不能写个方法名。",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法”

 

接下来是easyui的方法:

//全选
    $("#mAllSelect").click(function () {
        $("#dgShowData").datagrid("checkAll");
    });
    //反选
    $("#mUnAllSelect").click(function () {
        var pageRow = $("#dgShowData").datagrid("getRows")

        var selecRow = $("#dgShowData").datagrid("getSelections")

        var pageRowSize = pageRow.length;

        var selecRowSize = selecRow.length;

        //如果选中的数据没有的话反选默认为全部选中
        if (selecRow.length == 0) {
            $("#dgShowData").datagrid("checkAll");
        }

        for(var i=0;i<pageRowSize;i++){

            var tempArray = new Array();

            //便利页面数据,和选中的数据做比较。

            for(var j=0;j<selecRowSize;j++){

                //如果找到被选中数据变成没选中。否则,变成选中。
                if(pageRow[i]==selecRow[j]){

                    $("#dgShowData").datagrid("uncheckRow", i)
                    break;
                }else{
                    $("#dgShowData").datagrid("checkRow", i)
                }
            }
        }
    });

    //全不选
    $("#mClearSelect").click(function () {
        $("#dgShowData").datagrid("uncheckAll");
    });

 

easyui反选全选和全不选代码以及方法的使用

标签:

原文地址:http://www.cnblogs.com/llcdbk/p/4858227.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!