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 ＆amp;更改样式。 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;
        }
    });