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  是数组