Jqgrid

• 基础
  function gridList() {
  var $gridList = $("#gridList");
  $gridList.dataGrid({
  url: “/MaterialManage/MRIQC/GetListWithPager”,
  height: $(window).height() - 350,
  colModel: [–生成页面表格
  { label: “主键”, name: “Id”, hidden: true, key: true },
  {
  label: ‘工厂编号’, name: ‘PlantCode’, width: 100, align: ‘left’,
  search: true, stype: ‘text’, searchoptions: { sopt: [“包含”, “等于”, “不等于”] } --可在表头下面生成搜索框
  },
  ],

• 选择行事件 一个页面双表
  function onSelectRow(id, gid) {
  if (gid == ‘gridList’) {
  var HeadID = $("#gridList").jqGridRowValue().Id
  var gridList2 = $("#gridListItem");
  gridList2.jqGrid(‘setGridParam’, {
  postData: {IQCHeadId: HeadID }, --将选中行的值传递给表格 jqgrid 并通过jqgrid的URL传递给控制器
  }).trigger(‘reloadGrid’);
  }
  }
  pager: “#gridPager”–添加分页

• 添加jqgrid 滚动条
  var gridList = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲gridList") grid…(window).width()+50);

jqgrid 中多选 获得选中的行
1/获得选中行的数据
var rowData = $("#gridList").jqGrid(“getGridParam”, ‘selarrrow’);
for (var i = 0; i < rowData.length; i++) {
var ID = $(’#gridList’).jqGrid(‘getCell’, rowData[i], ‘Id’);
}
2/表格中所有行的数据获取
var ids = $("#gridList").getDataIDs();
for (var i = 0; i < ids.length; i++) {
var rowData = $("#gridList").getRowData(ids[i])
}