如何在免费的jqgrid 4.15.4中根据特定条件执行工具栏搜索

时间:2018-07-21 16:46:36

标签: jqgrid free-jqgrid mvcjqgrid

尽管我已经花了很多时间在这里寻找类似的质量检查,但无法找到答案。如果您认为我错过了检查的内容,请告诉我。

问题元数据:
所以我使用免费的jqGrid 4.15.4在视图中显示数据。我能够使用出色的文档来做所有事情。但是一种我无法采取措施的条件。

在我的网格中,我有4列,分别命名为Id,Name,Group和Status。组(A节/ B节...)来自数据库。状态(新建/通过/失败)列包括下拉列表,默认情况下,所有记录的值为“新建”。

问题陈述:

有5条记录,并且我已经选择5条记录中的2条“通过”状态。现在,如果我在该特定组(A部分)的过滤器工具栏中选择“新建”,我想查看所有5条记录。由于我不属于该特定组的名称有多少,因此我想通过过滤所有状态为“新建”的记录来进行检查。 jqgrid有可能吗? StudentGrid.png

这是代码段:

$("#grid").jqGrid({
    url: '/StudentsView/GetAllData',
    mtype: "GET",
    datatype: "json",
    colNames: ['Id','Name', 'Group','Status'],
    colModel: [
                {label: "Id",name: 'Id',hidden: true,search: false,key:true},
                {label: "Name",name: 'Name', search: true, stype: 'text'},
                {label: "GroupNo",name: 'GroupNo',searchoptions: {searchOperators: true,sopt: ['eq', 'cn', 'nc'] }, search: true, multipleSearch: true, multipleGroup:true},
                {
                    label: "Status",
                    name: 'Status',
                    cellEdit: true,
                    edittype: 'select',
                    editable: true,
                    editoptions: {
                    value: getStatusOptions(),
                    dataEvents: [{
                        type: 'change',
                        fn: function (e) {
                        if (statusid != 0) 
                            {
                                ChangeStatus(row.Id, row.Name, row.Group, statusid);                       
                            }
                        }
                    }],
                    }
                }
    pager: jQuery('#pager'),
    loadonce: true,
    viewrecords: true,
    gridview: true,
    iconSet: "fontAwesome",
    emptyrecords: "No records to display",
    jsonReader:
    {
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        repeatitems: false,
        Id: "Id"
    }
});
$('#grid').jqGrid('filterToolbar', { stringResult: true,searchOnEnter:false, defaultSearch: "cn", multipleSearch: true, searchOperators: true, 
search: true, loadFilterDefaults: true });
$('#grid').jqGrid('navGrid', "#pager", {
    search: false, // show search button on the toolbar
    add: false,
    edit: false,
    del: false,
    refresh: true
});

我添加了一个图表以更好地理解。预先感谢。

0 个答案:

没有答案