jquery-ui - jqgrid在选择选项时自动完成重新加载网格

Question

我正在编写一段代码，其中我有一个 jqgrid 和一个顶部带有文本框的过滤器，我使用了 jquery ui 自动完成功能，一切正常，但我现在需要自定义功能，即当我自动完成结果时选择一个选项，它应该使用选定的结果过滤网格。以下是下面给出的示例：

    // i am doing a search on the textbox with auto complete feature
    grid.jqGrid('setColProp', 'Name',
    {
        searchoptions: {
        sopt:['cn'],
        dataInit: function(elem) {
            $(elem).autocomplete({
            source:getUniqueNames('Name'),
            delay:0,
            minLength:0,
            matchContains: true,
            autoFill:true,
            select:function(event,ui){
            grid.setGridParam('postData', ui.item.value);
            //grid.jqGrid('clearGridData');
            grid.trigger('reloadGrid');
            return false;
            // need to write the code which will trigger the reload here on selection
        }
        });
        }
        }
    });

在选择功能上，我需要将所选选项加载到 jqgrid 中，我该怎么做。请提出解决方案。

Answer 1

如果您已经为 jqgrid 实现了服务器端排序和分页，那么这应该很容易，您只需要重新加载 jqgrid。

要重新加载网格看到这个，使用这行代码

 $("#grid1").trigger("reloadGrid", [{current:true}]);

这将重新加载 jqgrid，您可以在其中传递参数postData:并获取过滤后的数据。