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"); });
积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案