javascript - jqGrid colModel 动态搜索选项

Question

是否可以为 jqGrid 列提供动态(非硬编码)搜索过滤器值？

所以在例子中如:

 $('#my-grid').jqGrid({
            datatype: 'json',
            loadonce: true,
            jsonReader: common.jqgrid.jsonReader('Workorder'),
            mtype: 'POST',
            colNames: ['Project', 'PO Number', 'Type', 'Folder'],
            colModel: [
                { name: 'Project', index: 'Project', width: 80, sortable: false, search:false},
                { name: 'PONumber', index: 'PONumber', width: 60, sortable: false, search: true },
                { name: 'Type', index: 'Type', width: 60, sortable: false, search: true},
                { name: 'Folder', index: 'Folder', width: 60, sortable: false, search: false },
                           ],
            scroll: true,
                   });

我希望该类型有一个下拉过滤器，其值是来自返回的数据子集的不同值的数组。

我将如何实现这一点？

编辑

jqGrid数据是否可以直接访问？我正在寻找类似的东西Data.Cols[2].Distinct 将为我提供来自第 3 列(在本例中)的不同值数组。这可能吗？

编辑2

这是代码:

onLoadComplete: function (data) {
        var $this = $('#gridReport');

        if ($this.jqGrid("getGridParam", "datatype") === "json") {
           
            // first loading from the server
            // one can construct now DISTINCT for 'Type' column and
            // set searchoptions.value
            $this.jqGrid("setColProp", "Type", {
                stype: "select",
                searchoptions: {
                    value: buildSearchSelect(getUniqueNames("Type")),
                    sopt: ["eq", "ne"]

                }
            });            
        }
    },

Answer 1

我不确定我是否正确理解了您的意思。可能您想使用带有下拉菜单的高级搜索对话框 (stype: 'select') 以及网格的 3-d 列的不同值？我建议您阅读 the answer它显示了如何动态设置 searchoptions.value 的主要思想。您使用 loadonce: true。因此，您可以在 loadComplete 第一次从服务器加载数据时 调用 setColProp。您可以包括对 datatype 值的额外测试。在从服务器加载时，值为 "json"。稍后它将更改为 "local"。因此代码可能与以下内容有关:

loadComplete: function () {
    var $this = $(this);

    if ($this.jqGrid("getGridParam", "datatype") === "json") {
        // first loading from the server
        // one can construct now DISTINCT for 'Type' column and
        // set searchoptions.value
        $this.jqGrid("setColProp", "Type", {
            stype: "select",
            searchoptions: {
                value: buildSearchSelect(getUniqueNames("Type")),
                sopt: ["eq", "ne"]
            }
        });
    }
}