jqgrid 5.2.1 refreshFilterToolbar

在 jqGrid 5.2.1 中，`refreshFilterToolbar` 方法已经被移除，取而代之的是 `triggerToolbar` 方法。可以按照以下步骤来刷新 jqGrid 表头的搜索栏。

1. 获取 jqGrid 实例对象：

var grid = $("#gridId");

2. 调用 `filterToolbar` 方法启用搜索栏：

grid.jqGrid('filterToolbar', {searchOnEnter: false});

注意，需要在调用 `filterToolbar` 方法时将 `searchOnEnter` 属性设置为 `false`，否则会导致 `triggerToolbar` 方法失效。

3. 调用 `triggerToolbar` 方法触发搜索栏的更新：

grid[0].triggerToolbar();

这样就可以刷新 jqGrid 表头的搜索栏了。注意，`triggerToolbar` 方法只能刷新搜索栏，无法更新 jqGrid 的搜索条件和表头的 `searchoptions`。如果要更新搜索条件和 `searchoptions`，可以使用上面提到的方法。

相关问题

jqGrid 5.2.1 中使用 columnChooser

jqGrid 5.2.1 中的 columnChooser 是一个非常有用的功能，它允许用户自定义表格的列显示和隐藏。使用 columnChooser，您可以通过一个简单的对话框轻松地添加或删除列，而无需修改表格代码。

要使用 columnChooser，您需要在 jqGrid 的选项中启用该功能。您可以使用以下代码：

$("#grid").jqGrid({
    // ...
    colModel: [
        { name: "id", width: 50 },
        { name: "name", width: 100 },
        { name: "email", width: 150 },
        // ...
    ],
    viewrecords: true,
    rownumbers: true,
    rownumWidth: 40,
    caption: "My Grid",
    pager: "#pager",
    // Enable column chooser
    colMenu: true
});

在上面的代码中，我们通过将 colMenu 选项设置为 true 启用了 columnChooser 功能。现在，当用户右键单击表格的标题行时，将显示一个列选择器对话框，用户可以选择要显示或隐藏的列。

如果您想要自定义列选择器对话框的外观和行为，您可以使用 columnChooserOptions 选项。例如：

$("#grid").jqGrid({
    // ...
    colMenu: true,
    columnChooserOptions: {
        width: 450,
        height: 350,
        modal: true,
        caption: "Custom Column Chooser",
        done: function(perm) {
            // ...
        }
    }
});

在上面的代码中，我们使用 columnChooserOptions 选项自定义了列选择器对话框。我们设置了宽度、高度、标题和 done 回调函数，在用户完成选择后调用该函数。在 done 函数中，您可以执行任何您想要的操作，例如保存用户选择的列，重新加载表格等等。

jqgrid 5.2.1 searchoptionss参数API 详情

`jqGrid 5.2.1` 版本的 `searchoptions` 参数用于设置搜索框的选项。下面是 `searchoptions` 参数的详细 API：

{
    // 设置是否显示搜索框
    search: boolean,

    // 设置搜索框的默认值
    defaultValue: string,

    // 设置搜索框的宽度
    width: int,

    // 设置搜索框的高度
    height: int,

    // 设置搜索框的标题
    caption: string,

    // 设置搜索框的输入框属性
    attr: object,

    // 设置搜索框的输入框样式
    style: string,

    // 设置搜索框的输入框的 CSS 类
    classes: string,

    // 设置搜索框的输入框的 placeholder
    placeholder: string,

    // 设置搜索框的输入框的 title
    title: string,

    // 设置搜索框的输入框的 tabindex
    tabindex: int,

    // 设置搜索框的输入框的 autocomplete
    autocomplete: string,

    // 设置搜索框的输入框的 autocorrect
    autocorrect: string,

    // 设置搜索框的输入框的 autocapitalize
    autocapitalize: string,

    // 设置搜索框的输入框的 spellcheck
    spellcheck: boolean,

    // 设置搜索框的输入框的 maxlength
    maxlength: int,

    // 设置搜索框的输入框的 minlength
    minlength: int,

    // 设置搜索框的输入框的 pattern
    pattern: string,

    // 设置搜索框的输入框的 readonly
    readonly: boolean,

    // 设置搜索框的输入框的 required
    required: boolean,

    // 设置搜索框的输入框的数据类型
    dataInit: function,

    // 设置搜索框的输入框的数据类型的参数
    dataInitOptions: object,

    // 设置搜索框的输入框的数据类型的事件
    dataEvents: array,

    // 设置搜索框的输入框的输入提示
    sopt: array,

    // 设置搜索操作的下拉菜单是否显示，可以为 true、false 或一个返回 jQuery 对象的函数
    searchOperMenu: boolean | function,

    // 设置搜索操作的下拉菜单的选项，仅当 searchOperMenu 为 true 或为一个返回 jQuery 对象的函数时有效
    searchOperMenuOptions: array,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    value: string,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    dataUrl: string,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    buildSelect: function,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    dataEvents: array,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    customValue: function,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    multiple: boolean,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    separator: string,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    searchOnEnter: boolean,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    searchHidden: boolean,

    // 设置搜索框的输入框的输入提示的下拉菜单的选项，仅当 sopt 包含 select 时有效
    clearSearch: boolean
}

这些 API 允许你自定义搜索框的各种选项，包括搜索框的默认值、宽度、高度、标题、输入提示的下拉菜单等。你可以根据自己的需要进行配置。