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', width: 200, align: 'left' },
        {
          label: '创建时间', name: 'F_CreatorTime', width: 80, align: 'left',
          formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' }
        },
        {
          label: "有效", name: "F_EnabledMark", width: 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', width: 300, align: 'left' }
        ]
      });
    $("#btn_search").click(function () {
      $gridList.jqGrid('setGridParam', {
      postData: { keyword: $("#txt_keyword").val().trim() },
      }).trigger('reloadGrid');
    });
}

表格控件的属性值:

 

posted on 2020-04-11 17:08  浦东区分晏  阅读(288)  评论(0编辑  收藏  举报