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