JQGrid 默认搜索对话框，输入字段宽度

Question

Jqgrid 默认搜索对话框中是否有任何选项可以增加搜索中文本框的宽度。

这是图片：

更新我的搜索代码如下：

jQuery("#subscriptions").jqGrid(
    'navGrid',
    '#pager',
    { del: false, add: false, edit: false },
    {},
    {},
    {},
    {
        multipleSearch: true,
        closeAfterSearch: true,
        beforeShowSearch: function ($form) {
            $(".searchFilter table td .input-elm").attr('style', 'width:400px');
            $('#searchmodfbox_subscriptions').width(750);
            return true;
        },
        afterRedraw: function ($form) {
            $(".searchFilter table td .input-elm").attr('style', 'width:400px');
            return true;
        }
    });

我还在我的网格中使用 loadonce 选项作为 true，因此我所有的搜索都是本地的，并且没有进行服务器调用。

Answer 1

您应该使用 beforeShowSearch 和 afterRedraw 事件更改样式。

beforeShowSearch 每次在搜索对话框出现之前触发 在添加新的搜索参数时显示和 afterRedraw 被触发。

我已经用它修改了代码。 $(".searchFilter table td .input-elm") 其中 searchFilter 是父 div 的类，input-elm 是文本框的类。 300px 只是我给出的一个数字，请随意更改以适应您的更改：

jQuery("#subscriptions").jqGrid(
    'navGrid',
    '#pager',
    { del: false, add: false, edit: false },
    {},
    {},
    {},
    {
        multipleSearch: true,
        closeAfterSearch: true,
        beforeShowSearch: function($form) {
           $(".searchFilter table td .input-elm").attr('style','width:300px');
           return true;
        },
        afterRedraw: function($form) {
          $(".searchFilter table td .input-elm").attr('style','width:300px');
          return true;
        }
    });