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

本文关键字:内置 筛选 jqgrid 选项 填充 排序 | 更新日期: 2023-09-27 18:35:39

我在 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']
        }
    );
        });

请帮忙..这些排序选项不会出现在下拉列表中。

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

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

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

或者,您可以先更改搜索使用的默认选项$.jgrid.search(请参阅答案或另一个代码示例),然后使用短调用navGrid$("#Data").jqGrid("navGrid", "#Pager", { del: false, add: false, edit: false }); )。