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

首先要说明的是,onclick="javascript:这里能写方法的名字,也能写一段JS的代码,但是方法名字要带括号。",其次就是onclick=“这里写的方法名必须存在于本页面的行内JS,如果是引入的JS文件中的方法他不会识别,会告诉你没有找到XX方法,方法名字要带括号”,另外一个按钮可以绑定多个JS事件,例如onclick事件,如图

 

接下来是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");
    });

 

posted @ 2015-10-07 09:29  洛晨随风  阅读(1227)  评论(0编辑  收藏  举报