在jqgrid的内置过滤中未填充排序选项

时间:2013-10-15 14:08:45

标签: c# asp.net-mvc sorting jqgrid

我在我的asp.net Web应用程序中使用Jqgrid网格。我想使用内置过滤。

但问题是即使我已经包含排序选项。它们不会出现在“搜索”弹出窗口的下拉列表中。

这是我的代码:

   $(document).ready(function () {
            $("#Data").jqGrid({
                url: '/Home/LoadData',
                datatype: "json",
                mtype: "GET",
                colNames: ['Col1', 'Col2', 'Col3'],
                colModel: [
                    { name: "Col1", width: 70, align: "left", sortable: false, search: false },
                    { name: "Col2", index: 'Col2', width: 140, align: "left", sortable: true, stype: 'text' },
                    { name: "Col3", index: 'Col3', width: 160, align: "left", sortable: true, search: true },

                          ],
                pager: "#Pager",
                rowNum: '10',
                rowList: [10, 20, 30],
                sortname: "Col1",
                sortorder: "asc",
                searchGrid: "options",
                height: "auto",
                gridview: true,
                viewrecords: true,
                caption: "Sample Demo Grid"
            }).navGrid('#Pager',
    {
        view: false,
        del: false,
        search: true,
        refresh: true,
        add: false,
        edit: false
    },
        {
            sopt: ['cn', 'nc', 'eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en']
        }
    );
        });

请帮助..下拉菜单中没有出现排序选项。

1 个答案:

答案 0 :(得分:2)

您使用navGrid的第3个参数指定具有sopt属性的对象。第3个参数是prmEdit,可用于自定义编辑表单。您可以使用prmSearch的第6个选项(navGrid)来自定义搜索选项:

$("#Data").jqGrid("navGrid", "#Pager",
    { del: false, add: false, edit: false }, 
    {}, {}, {},
    { sopt: [ ... ]}
);

或者,您可以先更改搜索时使用的默认选项$.jgrid.search(请参阅the answeranother one获取代码示例),然后使用navGrid的短暂调用({{1 }})。