如何使用 jqGrid 和文本框进行搜索？

Question

我的数据已正确加载到我的页面上。但是，我有 2 个文本框和一个提交按钮，我想根据这些按钮过滤来自服务器的记录。

注意：我没有使用 jqgrid 默认提供的现有过滤器功能。

我有点困惑如何实现这一目标。 jqgrid 是否有任何内置功能来实现这一点？我目前处理这个的方式是我在我的 javascript 中处理点击事件并将发布数据提供给操作方法：

  $('#submit').click(function () {

            $("#customers").jqGrid('setGridParam', { postData: { 'ContactName': $('#contactName').val(),
                CompanyName: $('#companyName').val()
            }
            });

            $("#customers").trigger("reloadGrid");

        });

然后在操作方法上捕获此帖子数据并且它工作正常。有没有更好的方法来做到这一点？还是我在正确的轨道上？有时我觉得我在服务器上编写的代码更少，而自从我开始使用 Asp.Net MVC 3.0 以来，我更像是一个客户端程序员；）

Answer 1

您不必使用 setGridParam 来更改 postData，因为您可以声明一个函数：

jqGrid({
    url : ...,
    datatype : ...,
    mtype : "POST",
    postData : { 
            "ContactName" : (function() {
                            return $("#contactName").val();
                        })
    }
}

所以你的提交函数只会调用 reloadGrid

 $('#submit').click(function () {
    $("#customers").trigger("reloadGrid");
 }

如果你想减少代码量，你最好在 JS 中创建一个简单的 API 来选择客户、人员、联系人等实体。目前我有一个应用程序，它的表单由几十个这样的实体组成 - 所以我必须创建一个用于选择的 JS API（它还提供了通用的外观和感觉）。从客户端客户指定要获取的列表的名称，而可能名称的列表在服务器的配置文件中定义，该文件还定义了对ORM的查询以及如何显示字段（我正在使用表达式语言进行映射从实体字段到字符串）。