jquery - JQGRID 検索のサイズ変更

Question

列幅に基づいて jqgrid 検索ボックスの幅を動的に増やす必要があります。

beforeshowsearch私はこれをイベント内でやろうとしました。効果はないようです。

Answer 1

beforeShowSearch(!!! not beforeshowsearch) を使用して、検索ダイアログで変更を行うことができます。コード例については、こちらを参照してください (最近のバージョンの jqGrid を使用している場合はthis.id代わりに使用できます)。追加で検索オプションgrid[0].idを使用することをお勧めします。recreateFilter: true

ちなみに、navGridナビゲーターバーに「検索」ボタンを追加するには、グリッドを作成するメソッドの呼び出しごとwidthにパラメーターのプロパティを使用します。したがって、保持して変更すると、次の検索ダイアログで新しい幅の値が使用されます。prmSearchsearchGridprmSearchwidth

var pSearch = {
        recreateFilter: true,
        multipleSearch:true,
        width: 500
    };

$("#list").jqGrid({...}); // create the grid

$("#list").jqGrid("navGrid", "#pager", {}, {}, {}, {}, pSearch);
// if the user opens searching dialog now the width 500 will be used

...
pSearch.width = 800;
// if the user opens searching dialog now the new width 800 will be used