jqGrid表格控件的学习

表格控件的写法:

function gridList() {
    var $gridList = $("#gridList");
    $gridList.dataGrid({
      url: "/SystemManage/Mark/GetGridJson",
      height: $(window).height() - 96,
      colModel: [
        { label: "主键", name: "Id", hidden: true, key: true },
        { label: '名称', name: 'F_FullName', 200, align: 'left' },
        {
          label: '创建时间', name: 'F_CreatorTime', 80, align: 'left',
          formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' }
        },
        {
          label: "有效", name: "F_EnabledMark", 60, align: "center",
          formatter: function (cellvalue) {
          return cellvalue == true ? "<i class="fa fa-toggle-on"></i>" : "<i class="fa fa-toggle-off"></i>";
        }
        },
        { label: '备注', name: 'F_Description', 300, align: 'left' }
        ]
      });
    $("#btn_search").click(function () {
      $gridList.jqGrid('setGridParam', {
      postData: { keyword: $("#txt_keyword").val().trim() },
      }).trigger('reloadGrid');
    });
}

表格控件的属性值:

原文地址:https://www.cnblogs.com/caoxiaole/p/12680987.html