jqGridクライアント側検索

Question

JavaScriptを使用してjqGridに手動で検索を適用したいと思います。私はガイドhereを試しましたが、完全に機能するようには見えません。 グリッドの設定では、 'error_column'という名前の列があり、 'Test'という文字列を検索して検索したいと考えています。ここで

は、私がこれまで持っているものです：私はこれがバインドされているボタンをクリックすると

var filter = { "field": "error_column", 'oper': 'eq', "data": 'Test' }; 
$("Grid2").jqGrid('setGridParam', { search: true, postData: { filters: filter} }) 
$("Grid2").trigger('reloadGrid'); 

、何も起こりません、それはエラーが発生しません。私はローカル配列を使用してグリッドにデータをバインド

jQuery("#Grid2").jqGrid({ 
    datatype: "local", 
    height: 250, 
    colNames: ['NewSubscriberID', 'Conflicting Subscriber ID', 'Error Field', 'Error Message'], 
    colModel: [ 
     { name: 'new_subscriber_id', index: 'new_subscriber_id', width: 120}, 
     { name: 'conflicting_subscriber_id', index: 'conflicting_subscriber_id', width: 170}, 
     { name: 'error_column', index: 'error_column', width: 90, sorttype: "text", search: true}, 
     { name: 'error_type', index: 'error_type', width: 145} 
    ], 
    loadonce: true 
    }); 

：

EDIT ここグリッドを初期化するためのコードです。

Answer 1

あなたは少しで別の方法を単一のフィールドの検索を実装する必要があります。

var grid = jQuery("#Grid2"); 
var postdata = grid.jqGrid('getGridParam','postData'); 
jQuery.extend (postdata, 
       {filters:'', 
       searchField: 'error_column', 
       searchOper: 'eq', 
       searchString: 'Test'}); 
grid.jqGrid('setGridParam', { search: true, postData: postdata }); 
grid.trigger("reloadGrid",[{page:1}]); 

あなたが生き例hereを見ることができます。

更新：loadonce: trueとdatatype: "local"を一緒に使用します。値loadonce: trueは、datatype: "local"の場合は無視されます。サーバーからデータを取得してdatatype: "json"またはdatatype: "xml"を使用すると、loadonce: trueが動作します。検索（フィルタリング）がローカルではなくサーバー上で行われるようにする場合は、datatypeを'json'または'xml'にリセットする必要があります。追加オプションは'setGridParam'です。