javascript - 如何在较新版本的 free-jqgrid 中重置搜索工具栏和搜索过滤器？

Question

对于 free-jqgrid 的旧版本，我使用了一个函数来重置搜索工具栏和过滤器:

function resetSearchToolbar()
{
    var col_arr = $("#grid").jqGrid("getGridParam", "colModel");
    var toolbar_selector;

    for(var i = 0, max = col_arr.length; i < max; i++)
    {
        if(col_arr[i].search && $("#gs_" + col_arr[i].name).val().length)
        {
            toolbar_selector = $("#gs_" + col_arr[i].name)
            toolbar_selector.val("");
        }
    }

    // trigger toolbar searching with key-event:
    if(typeof toolbar_selector !== "undefined")
        toolbar_selector.trigger("keydown");
}

这是一种非常糟糕的 hack - 但它对我有用。

在较新版本的 free-jqgrid (4.13+) 中是否有更好的方法来实现这一点？

Answer 1

免费的 jqGrid 4.13.0 实现了新功能:根据当前搜索过滤器 postData.filters 填充过滤器工具栏，以防过滤器被真正应用(search:true 选项在 jqGrid 中设置)。如果您不想拥有该功能，可以使用 filterToolbar 的 loadFilterDefaults: true 选项。

该功能在一些测试用例中存在一些小错误，但 4.13.2 版本应该已修复所有问题。

免费的 jqGrid 支持 jqGridRefreshFilterValues 事件，可以触发该事件以强制重新加载过滤器(无需重新加载网格)。在重新加载网格时，过滤器将被重新加载。

因此，如果您更改了 postData.filters 或 search 选项，并且您希望立即应用更改，那么您只需触发 jqGridRefreshFilterValues 事件:

$("#grid").triggerHandler("jqGridRefreshFilterValues");

如果您在触发事件之前设置例如 search: false，则过滤器工具栏的所有字段都将被清除:

var $grid = $("#grid");
$grid.jqGrid("getGridParam").search = false;
$grid.triggerHandler("jqGridRefreshFilterValues");

如果您想清除过滤器并重新加载网格，那么您可以使用旧的 jqGrid 方法 clearToolbar(参见 the old documentation):

$("#grid")[0].clearToolbar();