jqgrid在搜索模式中动态更改“下拉列选择”

Question

我需要能够动态修改在“div.searchFilter”>“td.columns”中创建的下拉菜单“select.selectLabel”的内容。当用户选择一些外部选项时，我需要添加或删除某些搜索列。

我知道这些选择是基于 colModel 的，并且每次用户添加新的搜索规则时都会重新创建它们。因此很难通过 dataInit() 函数更改它们，因为每次添加新规则时我的更改都会丢失。甚至我也发现像...这样的元素。

dataInit: function(elem) { $(elem).closest("td.data").siblings(".columns").find("select.selectLabel"); }

然后删除特定的<option> 并添加新的，似乎没有效果。 我想知道是否有某种方法可以“告诉”搜索面板新的 ColModel，但是 我不想改变网格，只改变搜索模式的列。

谢谢 (版本 freejqgrid 4.13)

编辑 1： 明确（奥列格的评论）... 我正在使用 datatype=ajax（服务器数据）。

我有一个常规 colModel，但我想修改搜索面板下拉菜单（组合框）以添加/删除一些字段，而不是更改网格 colmodel。 我的意思是，添加/删除一些<option>（值和标签），并添加一些新的带有新“伪字段”的新的，这些新的“伪字段”不在以前的 colModel 中。

我尝试了 searchoptions.dataInit() 函数来获取每条新规则（这样我就可以到达相应的<select class="selectLabel">），但发现这个函数并不容易满足我的需求。

现在我正在尝试 searchoptions.afterRedraw() 但我不确定这是否对我有帮助。

编辑 2： 假设我有这个

colModel: [
    {name:"country", label:"Country", search:true},
    {name:"city", label:"City", search:true},
    {name:"zip", label:"Zip Code", search:true}
]

当用户打开搜索模式时，他将添加一个新规则并从下拉框中选择具有...的字段

<select class="selectLabel">
    <option value="country">Country</option>
    <option value="city">City</option>
    <option value="zip">Zip Code</option>
</select>

然后，用户单击一个外部按钮，该按钮会触发一个事件，该事件将修改任何列 dropbox（现在或将来），它应该是......

<select class="selectLabel">
    <option value="country">Country</option>
    <option value="city">City</option>
    <option value="zip">Zip Code</option>
    <option value="phone1">Phone 1</option> //dynamically added
    <option value="phone2">Phone 2</option> //dynamically added
    <option value="phone3">Phone 3</option> //dynamically added
    //(and so on...)
</select>

colModel 中不存在这些新的伪字段（phone1、phone2 ...），因为它们是由一些外部代码即时创建的。

Answer 1

您没有发布演示，我可以对其进行修改。因此，我只描述你能做什么。 jqGrid的搜索对话框包含columns参数。搜索对话框包含基于选项的信息（如果存在）。如果该选项不存在，则将使用 colModel 的副本。因此，您可以使用您想要的任何信息动态填充columns，搜索对话框将包含它。查看the old answer 或the demo 中的代码示例，其中使用columns 参数。