jqgrid 插件的使用

首先设定table的id和分页

<div id=”gridList”></div> //table名称

<div id=”page”></div> //table分页

1.获取某一行的某个值
  var RptID = $("#gridList").jqGridRowValue().RptID;
2.多选删除
获取到所有列表
  var aa = $('#gridList').jqGrid('getGridParam', 'selarrrow');
  RptIDs = aa.join(",");    
  删除操作多个：
  $("#gridList").jqGrid('delRowData', RptIDs);  
3.删除单个
var keyValue = $("#gridList").jqGridRowValue().GeneID;    
4.分页操作
onPaging: function (pageBtn) {
       var records = $("# gridList ").getGridParam('records');//获取返回的记录数
       var page= $("# gridList ").getGridParam('page');//获取返回的当前页
       var rowNum = $("# gridList ").getGridParam('rowNum'); //获取显示配置记录数量
       var total = Math.ceil(records / rowNum); //
       $("#gridList ").getGridParam('total');//获取总页数         
       var newurl = "/******?pageIndex=";
                if (pageBtn === "next" && page < total) {
                    page = parseInt(page) + 1;

                    $gridList.jqGrid("setGridParam", { url: newurl + page });
                }
                if (pageBtn === "prev" && page > 1) {
                    page = parseInt(page) - 1;
                    $gridList.jqGrid("setGridParam", { url: newurl + page });
                }
                if (pageBtn === "last") {
                    page = total;
                    $gridList.jqGrid("setGridParam", { url: newurl + page });
                }
                if (pageBtn === "first") {
                    page = 1;
                    $gridList.jqGrid("setGridParam", { url: newurl + page });
                }
            }
5.搜索操作

$("#drugName").on("input propertychange", function () { //#drugName是input的id
$gridList.jqGrid('setGridParam', {
postData: { drugName: $("#drugName").val() } //drugName 是后台接口的搜索参数
}).trigger('reloadGrid');
})

6.选中某行进行操作

onSelectRow: function (rowid, status) { //onSelectRow 当选择行时触发此事件。rowid：当前行id；status：选择状态，当multiselect 为true时此参数才可用
var rowData = $("#gridListDrug").jqGrid('getRowData', rowid); //获取到该行的id
var DrugName_CN = rowData.DrugName_CN; //得到自己所需要的值
if (DrugName_CN == "") {
$.modalAlert('这是提示语', 'error');
//$("#gridListDrug").jqGrid('resetSelection'); //取消掉所有选中操作，提示，是所有操作
$("#gridListDrug").setSelection(rowid, false); //取消掉该行选择
return;
}
},

7.加载完成时，进行操作，这个功能是选择完，记住自己的选择，仍然是选中状态
  keyT是数组值

var item_selected = $.request("keyT").split(',');

gridComplete: function () { //当表格所有数据都加载完成而且其他的处理也都完成时触发此事件，排序，翻页同样也会触发此事件
var _this = this;
if (item_selected.length > 0) {
for (var i = 0; i < item_selected.length; i++) {
$(_this).jqGrid('setSelection', item_selected[i]);
}
}
},

8.更新当前窗口

 $.currentWindow().$("#gridList").resetSelection();

$.currentWindow().$("#gridList").trigger("reloadGrid");

9.中文排序方法

//中文排序
function sortChinese(obj) { // 参数：排序的数组
obj.sort(function (item1, item2) {
return item1.localeCompare(item2, 'zh-CN');
})
}

调用方法：sortChinese(myArraySort);

//myArraySort  是数组