0

通过一些工作,我终于得到了我的 jQGrid 工作。我希望它具有演示中的列过滤。

在此处输入图像描述

我的网格是:

 $(function () {
        $("#list").jqGrid({
            url: '/Work/DynamicGridData/',
            datatype: 'json',
            mtype: 'GET',
            colNames: ['Id', 'Job Title', 'Job Type','Job Priority','Rate','Creation Date','Deadline'],
            colModel: [
          { name: 'Id', index: 'JobDescriptionID', align: 'left' },
          { name: 'Job Title', index: 'JobTitle',align: 'left' },
          { name: 'Job Type', index: 'JobType.JobTypeName', align: 'left'},
          { name: 'Job Priority', index: 'JobPriority.JobPriorityName', align: 'left' },
          { name: 'Rate', index: 'JobType.Rate', align: 'left' },
          { name: 'Creation Date', index: 'CreationDate', align: 'left'},
          { name: 'Deadline', index: 'JobDeadline', align: 'left'}],
            pager: jQuery('#pager'),
            rowNum: 10,
            rowList: [5, 10, 20, 50],
            sortname: 'JobDescriptionID',
            sortorder: "desc",
            viewrecords: true,
            imgpath: '',
            caption: 'My first grid'
        });
    }); 

如图所示,我需要为列过滤做些什么?

4

2 回答 2

0

要添加工具栏搜索,您首先需要通过执行以下操作声明网格将具有工具栏:

$("#list").jqGrid('filterToolbar', options);

Options 是一个包含不同配置设置的对象,您可以在此处查看可用选项列表。

然后显示的搜索过滤器的类型取决于您在列模型中选择的内容。可用的选项在这里

您链接到的演示适用于 jqGrid 的付费包装器版本,但是您的代码似乎是网格的标准免费版本,这是我的答案所基于的。如果您想查看免费版本的演示,那么这个页面有很多。过滤器工具栏演示如下:

New in version 3.7 -> Tooolbar search

于 2012-07-24T13:37:47.080 回答
0

我认为这个链接可以帮助你http://www.ok-soft-gmbh.com/jqGrid/SingleSearchFilter.htm

并检查这个也...

jqgrid 中是否有用于添加高级过滤器以发布数据的 api?

于 2012-07-24T11:41:40.193 回答