c# 封装 jqgrid 表头条件搜索

要封装 jqGrid 表头条件搜索，你可以按照以下步骤进行：

1. 在 HTML 页面中添加一个表格，并为其指定一个唯一的 ID。

2. 在 JavaScript 中使用 jqGrid 插件对该表格进行初始化，并设置表头条件搜索的相关参数，例如：

$("#grid").jqGrid({
    url: "data.json",
    datatype: "json",
    colModel: [
        { name: "id", index: "id", width: 55 },
        { name: "name", index: "name", width: 90 },
        { name: "category", index: "category", width: 80, stype: "select", searchoptions: { value: ":All;1:Category 1;2:Category 2" } },
        { name: "price", index: "price", width: 80, align: "right", formatter: "currency", formatoptions: { decimalSeparator: ".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "$ " }, searchoptions: { sopt: ["eq", "ne", "lt", "le", "gt", "ge"] } },
    ],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: "#pager",
    sortname: "id",
    viewrecords: true,
    sortorder: "desc",
    caption: "jqGrid Example",
    height: "auto",
    autowidth: true,
    search: true,
    searchOnEnter: false,
    searchOperators: true,
    searchToolbar: true,
});

在上面的代码中，`colModel` 数组中的每个元素表示表格中的一列，其中 `stype` 属性用于指定该列的搜索类型，例如 `select` 表示下拉列表框，`text` 表示文本框，`date` 表示日期选择框等。`searchoptions` 属性用于设置该列的搜索选项，例如 `value` 属性可以设置下拉列表框中的选项，`sopt` 属性可以设置该列支持的搜索操作符。

3. 在 HTML 页面中添加一个搜索框，并为其指定一个唯一的 ID。

4. 在 JavaScript 中使用 jqGrid 插件的 `filterToolbar` 方法对搜索框进行初始化，并指定要搜索的表格的 ID，例如：

$("#grid").jqGrid("filterToolbar", { searchOnEnter: false, searchOperators: true });

在上面的代码中，`searchOnEnter` 属性表示是否在按下回车键时触发搜索操作，`searchOperators` 属性表示是否显示搜索操作符列表。

通过以上步骤，你就可以封装 jqGrid 表头条件搜索了。