jquery - JQGrid动态列和搜索查询

Question

假设我有以下数据:

Name        Month           Expense
----------  --------------  ----------
XYZ         February         10
XYZ         March            50
KLM         March            20
ABC         April            30

按照此SO question中的解决方案进行操作我已经能够创建一个 JQGrid 实例，该实例的“费用”值以列而不是行表示。例如:

Name        Expense February     Expense March     Expense April
---------   -----------------    ---------------   --------------
XYZ         30,00                50,00             0,00
KLM         0,00                 20,00             0,00
ABC         0,00                 0,00              30,00

在 colModel我正在动态构建我正在使用相同的 index每个人的值(value)动态添加的列，因此每个搜索都会自动重定向到 Expense字段。

这就像一个魅力:)

不幸的是，在搜索对话框中，用户看不到用于在“费用”字段上进行筛选的单个列，但他有机会筛选分别名为 Expense February 的列。 , Expense March和Expense April这有点令人困惑，因为他认为这不仅会过滤 Expense属性还为Month属性。

有什么方法可以指示 jqGrid 插件隐藏那些不需要的标签并仅使用名为 Expense 的通用字段？

非常感谢您的帮助!

编辑:

这是第一次调用返回的生成对象(它包含 colNames 和 colModel)

{
   "ColNames":[
      "Name", "Expense February", "Expense March", "Expense April"
   ],
   "ColModel":[
      { "name":"Name", "index":"Name", ... },
      { "name":"Expense1", "index":"Expense", ... },
      { "name":"Expense2", "index":"Expense", ... }, 
      { "name":"Expense3", "index":"Expense", ... }
   ]
}

这也是创建网格的代码

$.ajax({
    url: 'http://server/GetColumns',
    type: "post",
    dataType: "json",
    data: JSON.stringify({ }),
    contentType: "application/json; charset=utf-8",
    async: false,
    success: function (result) {
        if (result) {
            var colM = result.ColModel;
            var colN = result.ColNames;

            grid.jqGrid('GridUnload');

            grid.jqGrid({
                url: 'http://server/GetData',
                datatype: 'json',
                mtype: 'post',
                colModel: colM,
                colNames: colN,

                [other params here]
            })
        }
    },
    error: function (xhr, ajaxOptions, thrownError) {
       [...]
    },
    complete: function () {
       [...]
    }
});

Answer 1

看来您可以在除 Expense1 列之外的所有 ExpenseX 列中包含 search: false。在这种情况下，搜索对话框将仅包含一个用于搜索的“费用”列。

更新:如果您使用高级搜索对话框，您可以将 afterRedraw 的“二月费用”更改为“费用”回调:

afterRedraw: function () {
    $(this).find("table.group td.columns option[value=Expense1]").text("Expense");
}

在 the demo我将来自 colNames 的标准“客户端”名称更改为文本“!!!我的客户端名称!!!”:

演示中afterRedraw的代码较长只是因为我使用了the demo来自the answer作为模板。它还允许另外使用Enter开始搜索。