c# - 如何使用 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 来选择像 Customer、Person、Contact 等实体。目前我有一个应用程序，它的表单由几十个这样的实体组成——所以我必须创建一个用于选择的 JS API(它还提供通用的外观和感觉)。从客户端客户指定要获取的列表的名称，而可能的名称列表在服务器的配置文件中定义，它还定义了对 ORM 的查询以及如何显示字段(我使用表达式语言来映射从实体字段到字符串)。