jqgridを使ってajaxを検索する

Question

検索のためのグリッドをコーディングする必要があります。スクリーンショットをご覧ください。ユーザーが「検索」をクリックすると、ajaxを使用して最初のページデータがグリッドに読み込まれ、ユーザーがページ番号をクリックすると、ページ2に移動します。このAjaxを設計するにはどうすればいいですか？プロトタイプはありますか？

私はjqgrid + JQueryを使用しています。

おかげ

Answer 1

<input type="text" name="ProjectID" id="ProjectID" /> 
<a href="#" id="SearchBtn">Search</a> 

あなたは、Ajaxリクエストに追加のパラメータを添付する「beforeRequest」イベントハンドラを記述する必要があります。

... 
"url": '/SearchUrl' 
"beforeRequest" : function DataBrowserGridOnBeforeRequest() { 
    $("#TheGrid").jqGrid('setGridParam', { 
     postData: { "searchText": $('#ProjectID').val()}  
    }); 
} 
... 

$("SearchBtn").click(function(){ 
    $("#TheGrid").trigger('reloadGrid'); 
}); 

Answer 2

グリッドはあなたが、より求めているものであるツールバーの検索を、行うことができます。 jqGrid Demos | New in version 3.7 | Tooolbar searchの下にデモオンラインがあります。

それはまったく役に立ちますか？