jqgrid 列表 动态显示添加筛选字段

如果你想在 jqGrid 中动态地显示或隐藏筛选字段，可以使用 `setColProp` 方法。这个方法可以在运行时修改列属性，包括列的可见性、筛选条件等。

以下是一个简单的例子，演示如何在运行时动态地显示或隐藏筛选字段：

// 首先定义一个列模型
var colModel = [
    { name: 'id', index: 'id', width: 50, align: 'center', sortable: true },
    { name: 'name', index: 'name', width: 150, align: 'center', sortable: true },
    { name: 'age', index: 'age', width: 80, align: 'center', sortable: true, searchoptions: { sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'] } },
    { name: 'gender', index: 'gender', width: 80, align: 'center', sortable: false, searchoptions: { sopt: ['eq', 'ne'] } }
];

// 然后创建 jqGrid
$("#grid").jqGrid({
    url: 'your_data_url',
    datatype: 'json',
    colModel: colModel,
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: '#pager',
    sortname: 'id',
    viewrecords: true,
    sortorder: 'asc',
    caption: 'My Grid'
});

// 然后使用 setColProp 方法来动态地显示或隐藏筛选字段
$('#grid').jqGrid('setColProp', 'age', { searchoptions: { searchhidden: true } }); // 隐藏 age 筛选字段
$('#grid').jqGrid('setColProp', 'gender', { searchoptions: { searchhidden: false } }); // 显示 gender 筛选字段

在这个例子中，我们首先定义了一个列模型 `colModel`，其中包含了 4 个列：id、name、age 和 gender。然后我们创建了一个 jqGrid，并使用 `colModel` 参数指定了列模型。

在运行时，我们使用 `setColProp` 方法来动态地显示或隐藏筛选字段。在这个例子中，我们将 age 筛选字段隐藏起来，将 gender 筛选字段显示出来。