jqGridフィルタリングレコード

Question

この件に関してここにいくつか質問があり、大きな回答がありますが、私の場合は少し違っているようです。私はjqGridに表示されたレコードをフィルタリングする必要がありますが、完全にクライアント側です。

多くの理由から、私のグリッドに最も適した方法は、ページ上のJavaScriptに直接放出される配列です。グリッド自体は、サーバーとはまったくやりとりしません。さまざまなグリッドイベントでカスタムAJAXが発生していますが、それだけです。 （基本的に、これを大幅に変更できない既存の利用可能なサービスと統合しています）。

私が探しているのは、単純なテキスト入力とボタンに基づいてグリッドをフィルタリングすることです。私のページには、テキスト入力、ボタン、およびテーブルがあります（これは、ドキュメント上のグリッドになります）。ボタンのクリックイベント（通常のjQueryイベントバインディング、何も特別なもの）にバインドし、jqGridの表示フィルタとしてテキスト入力の値を使用したいとします。

"フィルタ"とは、入力内のテキストの（任意のフィールドに）一致するレコードのみを表示することを意味します。次に、すべてのレコードを表示するには、入力を空にしてボタンをもう一度クリックします。さらに、グリッドは複数選択であり、選択はフィルタリングを通じて持続する必要があります。入力にあるものと一致しない行を非表示にする必要があります。

これは可能ですか？

Answer 1

ローカルグリッドをフィルタリングするには、postDataパラメータのjqGridのfiltersプロパティにのみ入力し、さらにsearch:trueを設定する必要があります。

グリッドの選択を保存するには、reloadGridに追加のパラメータ[{page:1,current:true}]（hereを参照）を使用できます。

対応するコードは、コードを拡張することができ、私は二つの列「クライアント」（「名前」）と「注意」（「注意」）のためにどのフィルタあなたのためthe demoを作っ次

$("#search").click(function() { 
    var searchFiler = $("#filter").val(), grid = $("#list"), f; 

    if (searchFiler.length === 0) { 
     grid[0].p.search = false; 
     $.extend(grid[0].p.postData,{filters:""}); 
    } 
    f = {groupOp:"OR",rules:[]}; 
    f.rules.push({field:"name",op:"cn",data:searchFiler}); 
    f.rules.push({field:"note",op:"cn",data:searchFiler}); 
    grid[0].p.search = true; 
    $.extend(grid[0].p.postData,{filters:JSON.stringify(f)}); 
    grid.trigger("reloadGrid",[{page:1,current:true}]); 
}); 

することができ必要なすべての列を検索します。

保存行選択で正確に何を意味するかによって、selarrrowの現在の選択を変数に保存し、setSelectionメソッドに関して選択した行を復元する必要があります。