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的选择，因为真正的在我的网格，因此我所有的搜索是本地的，并且不进行服务器调用。

Answer 1

你应该使用beforeShowSearch & afterRedraw事件改变风格。

beforeShowSearch会在搜索对话框显示为 之前触发，并且在添加新搜索参数时激发Redraw之后触发。

我修改了代码。 $(".searchFilter table td .input-elm") 凡searchFilter是类的父DIV和输入榆树是类文本框。 300像素只是一个数字我放弃，可随时更改，以适应你的变化：

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; 
     } 
    });