jqGrid常用操作命令

• 设置default参数

  jQuery.extend(jQuery.jgrid.defaults, {
  
          datatype: 'json',
  
          autowidth: true,
  
          height: 380,
  
          sortorder: "asc",
  
          rownumbers: true,
  
          viewrecords: true,
  
          //recordpos: 'left',
  
          multiselect: true,
  
          pager: '#pager',
  
          rowNum: 20,
  
          rowList: [20, 50, 100],
  
          loadComplete: function (data) {
  
              if (data.status != "Success")
  
                  showErrorTip(data.message);        
  
          },
  
          loadError: function (xhr, st, err) {
  
              var template = "服务器端响应出现异常:   类型:{0}, 状态号: {1} {2} ,异常描述:{3}";
  
              showErrorTip(format(template, st, xhr.status, xhr.statusText, err));
  
          },
  
          dataFilter: function (data, type) {
  
              return data.replace(/"\\\/(Date\([0-9-]+\))\\\/"/gi, 'new $1');
  
          }
  
      });

• 加载数据

  $("#list").jqGrid({
  
                  url: '/Credential/GridData',
  
                  colNames: [' ', '证件名称', '持有人', '证件编号', '签发机关', '到期时间', '提醒倒计时', '证件关键字', '专业', '类别', '级别', '继续教育', '描述','是否过期','是否借出', '电子照片'],
  
                  colModel: [{ name: 'myac', width: 30, align:'center', fixed: true, sortable: false, resize: false, formatter: 'actions', "formatoptions": formatoptions },
  
                             { name: 'Name', index: 'CredentialName', formatter: viewFmatter},
  
                             { name: 'OwnerText', index: 'OwnerText', align: 'center' , width: 80 },
  
                             { name: 'CredentialNo', index: 'CredentialNo' },
  
                             { name: 'AuthorizeUnit', index: 'AuthorizeUnit' },
  
                             { name: 'ExpireDate', index: 'ExpireDate', formatter: 'date', formatoptions: dateFormat, width: 105, align: 'center' },
  
                             { name: 'RemindDays', index: 'RemindDays', width: 80, align: 'center' },
  
                             { name: 'Keys', index: 'Keys', width: 80 },
  
                             { name: 'Professional', index: 'Professional', width: 80},
  
                             { name: 'CredentialType', sortable: false, width: 80},
  
                             { name: 'Rank', index: 'CredentialRankID', width: 80},
  
                             { name: 'Education', index: 'EduTotal', width: 100},
  
                             { name: 'Description', sortable: false},
  
                             { name: 'isExpired', hidden:true},
  
                             { name: 'IsBorrowed', hidden:true},
  
                             { name: 'image', sortable: false, width: 80, align: 'center', formatter: imgFmatter, hidden: !isCanMaintainImage},
  
                             ],
  
                  sortname: 'CredentialID',
  
                  caption: "证件列表",
  
                  multiselect: isCanDel,
  
                  editurl:"/Credential/delete",
  
                  loadComplete: credential_load_complete_handler,
  
              });   
  
  function imgFmatter(cellvalue, options, rowObject) {
  
      var template = "<span class='ui-icon ui-icon-image' style='margin-left:10px;cursor:pointer;' onclick='uploadFile({0})'></span>";
  
      return format(template, options.rowId);
  
  }
  
  var formatoptions = { "editbutton": false, "delbutton": isCanDel,
  
      delOptions: {
  
          afterSubmit: function (response, postdata) {
  
              var delFaiMessage = "删除记录失败，{0}";
  
              eval("var data = " + response.responseText);
  
              resetTip();
  
  
  
              if (data.status == "Success") {
  
                  showSuccessTip("删除记录成功");
  
              }
  
              else {
  
                  showErrorTip(format(delFaiMessage, data.message));
  
              }
  
  
  
              return [true, ''];
  
          }
  
      }
  
  };
  
  

  　　

• Reload

  $.fn.reloadGrid = function (filterData) {
  
      this.jqGrid('setGridParam', { page: 1, postData: filterData }).trigger("reloadGrid");
  
  }
  
  

  　　

• Multi Select

  jQuery.mis.batchDelete = function () {
  
      var s = jQuery("#list").jqGrid('getGridParam', 'selarrrow');
  
  
  
      if (s == "") {
  
          alert(format("请选择要删除的{0}", para.CNName));
  
          return;
  
      }
  
      
  
      $.each(s, function (key, val) {
  
          var url = format("/{0}/Delete/{1}", moduleName, val);
  
          var row = $("#list").getRowData(val);  //根据ID拿到一行的数据
  
  
  
          $.post(url, function (data) {
  
              deleteHandler(data, row);
  
          });
  
      });
  
  };
  
  function deleteHandler(data, row) {
  
      var delSucMessage = "删除记录 {0} 成功；  ";
  
      var delFaiMessage = "删除记录 {0} 失败，{1}  "
  
      var title = $(row.Name).text(); // $(row.Name).text()替代row.Name可以去除链接
  
  
  
      if (data.status == "Success") {
  
          var message = format(delSucMessage, title); 
  
          showSuccessTip(message);
  
      }
  
      else {
  
          var message = format(delFaiMessage,row.Name, data.message);
  
          showErrorTip(message);
  
      }
  
  }
  
  

  　　

• 双击选中某行

  $("#select").jqGrid({
  
                  colNames: [' ', '姓名', '性别','职位', '部门', '员工状态', '手机', '电话'],
  
  　　　　　 ...
  
                  ondblClickRow: select
  
              });
  
          });
  
   function select() {            
  
              var myGrid = $('#select');
  
              var id = myGrid.jqGrid('getGridParam', 'selrow');
  
              var name = myGrid.jqGrid('getCell', id, 'Name');
  
              var tel = myGrid.jqGrid('getCell', id, 'Tel');
  
              var phone = myGrid.jqGrid('getCell', id, 'Phone');
  
              var callback = eval($("#sDialog").dialog("option", "callbackFunc"));
  
  
  
              callback(id, name, tel, phone);
  
              $("#sDialog").dialog("close");
  
          }
  
  

  　　

•  设置自定义列

              jQuery("#list").jqGrid('navGrid','#pager',{add:false,edit:false,del:false,search:false,refresh:false});
  
              jQuery("#list").jqGrid('navButtonAdd','#pager',{
  
                  caption: "自定义列",
  
                  title: "自定义要显示的列和顺序",
  
                  onClickButton : function (){
  
                      jQuery("#list").jqGrid('columnChooser');
  
                  }
  
              });