/ / jQuery quicksearchプラグインによるJSONのいじくり-jquery、json、quick-search

JSONを使いこなすjQuery quicksearchプラグイン - jquery、json、quick-search

私は クイック検索プラグイン リック・ロマスによって、私はアプリケーションでそれを愛しています私が構築しているカスタムCMS。テーブルの内容自体。

したがって、ページをロードすると、一連のイベントは次のようになります。

-jQuery。getJSONリクエスト -クイック検索を開始し、テーブルに最初に表示される行の数を制限します -ユーザーがフィルターでキーストロークを行うと、テーブルの内容ではなくJSONデータから新しい値が取得され(テーブルに表示される数が制限されます)、テーブルが更新されます。

私のJSONリクエスト:

$.getJSON("jsonrequest.php", function(data){

$.each(data, function(i){
$("#result tbody").append("<tr><td>" + this.organization + "</td><td>" + this.city + "</td><td>" + this.state + "</td></tr>");
});

});

私のクイック検索機能:

$("table#result tbody tr").quicksearch({
position: "before",
attached: "table#result",
stripeRowClass: ["evenrows", ""],
labelText: "Filter Results: ",
loaderText: "",
delay:0,
focusOnLoad:true
});

回答:

回答№1は0

これが誰かに役立つなら、jQueryプラグインを実装しました DataTables これを解決するには、グリッド機能、ページネーション、ライブフィルターを提供します。私のニーズに合った、最も多用途のグリッドプラグインのようです。