jquery - jqgrid做ajax搜索

Question

我需要为搜索编写一个网格。请看截图。当用户单击“搜索”时，它将使用 ajax 将第一页数据加载到网格中，然后用户单击页码，它将转到第 2 页，....如何设计此 Ajax ？你有原型吗？

我正在使用 jqgrid + JQuery。

谢谢

Answer 1

<input type="text" name="ProjectID" id="ProjectID" />
<a href="#" id="SearchBtn">Search</a>

您需要编写“beforeRequest”事件处理程序以将附加参数附加到 ajax 请求：

...
"url": '/SearchUrl'
"beforeRequest" : function DataBrowserGridOnBeforeRequest() {
    $("#TheGrid").jqGrid('setGridParam', { 
        postData: { "searchText": $('#ProjectID').val()}    
    });
}
...

$("SearchBtn").click(function(){
    $("#TheGrid").trigger('reloadGrid');
});

Answer 2

网格可以进行工具栏搜索，这是您所要求的等等。jqGrid Demos下有在线demo | 3.7 版新功能 | 工具栏搜索。

这些帮助有用？