私はアプリケーションでjQuery DataTablesプラグインを使用しており、複数年のデータセットを表示しています。ページが読み込まれると、データが現在の年にフィルタリングされ始めます。ページが読み込まれたときにプラグインフィルタデータを持つことは可能ですか? Datatables APIとしてjQuery DataTablesプラグインを使用してページの読み込み時にデータをフィルタリングする方法は?
答えて
は言う:
oTable.fnFilter('test string', columnIndex);
あなたは
試すことができます:あなたが唯一の特定の列をフィルタリングする必要がある場合は
$(document).ready(function() {
oTable = $('#example').dataTable();
/* Filter immediately */
oTable.fnFilter('test string');
});
は、2番目のパラメータとして(ゼロベース)columnIndexにを使用しますJQuery DataTables列フィルタリングプラグイン
列フィルタリング機能DataTablesサイトのカスタムサンプルを使用して実装する必要がある機能の1つです。代わりに、DataTablesサイトからのコードのほとんどがカプセル化されているDataTables列フィルタプラグインを使用できます。
を実装して、DataTableのプラグインと列のフィルタリングプラグインを取り、基本的にあなたのHTMLテーブルを強化するために定義されますフィルタリング列をカスタマイズdataTableのプラグインをしてからcolumnFilterプラグインで例に示すようにするには、次の!
$("#dataTableId").dataTable().columnFilter();
を見ますテキスト - デフォルトの動作。あなたはhttp://code.google.com/p/jquery-datatables-column-filter/wiki/ColumnFilter
ライブ例えば、より詳細http://code.google.com/p/jquery-datatables-column-filter/
のために参照してくださいここで
、正規表現またはスマートフィルタリングは、フィルタリングに使用されるかどうかを定義することができhttp://jquery-datatables-column-filter.googlecode.com/svn/trunk/default.html
EDIT
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/scripts-pack.js"></script>
This plugin will then create the filters in a row in the THEAD element of the table so add this if it is not already there.
<table id='demotable'>
<thead>
<tr><th>Col1</th><th>Col2</th><th>Col3</th></tr>
</thead>
<tbody>
<tr><td>Value 1</th><th>Value 2</th><th>Value 3</th></tr>
....
</tbody>
</table>
Hook in your table when the document is loaded.
$(document).ready(function() {
$('#demotable).tableFilter();
});
参照http://www.picnet.com.au/blogs/Guido/post/2009/06/29/JQuery-Table-Filter-Plugin.aspx
- 1. ページの読み込み時にjQueryのアドレスプラグインを使用して現在のコンテンツを読み込む方法は?
- 2. jQuery UI Datepicker:ページの読み込み時にonChangeMonthYearをトリガーする方法は?
- 3. Elm:Navigation.newUrlを使用してページの読み込み時にデータを取得する方法
- 4. javascriptを使用してページの読み込み時にスクロールバーを表示する方法は?
- 5. ページの読み込み時に毎回ページの読み込み
- 6. ページの読み込み時に画像をフェードインする方法
- 7. ページの読み込み時にコンポーネントを表示する方法
- 8. ページの読み込み時にスナックバーを表示する方法
- 9. 読み込まれたページでvalidateプラグインを使用する方法は?
- 10. jQuery:ページの読み込み時にラジオボタンのクリックイベントをトリガーする
- 11. jQuery Mobile - ページの読み込み時に何かをする
- 12. ページの読み込み時にデータフィルタを適用する
- 13. データの読み込み時にカスタムスピナー関数を使用する
- 14. はJavaScriptを使用してjQueryのページを読み込む -
- 15. jQuery ajaxを使用してReactJを他のページに読み込む方法
- 16. jQueryを使用してdivにPHPファイルを読み込む方法パラメータを渡して読み込み
- 17. バックボーンを使用した単一ページアプリケーション(SPA)のページ読み込み時間を取得する方法jquery、require js?
- 18. jquery .htmlメソッドを使用してWebページ全体を読み込む方法は?
- 19. ページを再読み込みせずにデータをページ分割する方法は?
- 20. JQuery Datatables用のサーバーサイドフィルタリング組み込みのクライアントサイドフィルタを模倣するプラグイン
- 21. JQueryを使用して、クリック時にコンテナにHTMLページを読み込む
- 22. JQueryまたはページの読み込み後にCSSアニメーションの読み込みを待機させる方法
- 23. ajaxが読み込んだデータを改ページする方法は?
- 24. JavaScriptを使用してページの読み込み時にdivをランダムに移動する方法
- 25. Javascriptを使用してページの読み込みをズームする
- 26. フラッシュを使用したhtmlページの読み込み時間を改善する
- 27. mmenu - ページの読み込み時にオートオープンをオフにする方法
- 28. jqueryを使用してdiv内のページを読み込む
- 29. jquery/ajaxを使用してワードファイルを変換/読み込みする方法
- 30. WPFを使用してWebページを読み込む方法
これはオフトピックです。これは明らかに問題であり、DataTablesサイトからソリューションを見つけるのは容易ではありません。この質問は、最初の10個のリンク内の検索で表示されます。それに加えて、ゲオルギエンゲルによって与えられた答えは良いものです。 –
これは話題ではありませんが、質問者からより多くの情報が必要でした。私は、Georg Engelの答えが別の質問に対する良い答えだと言いますが、この質問には答えません。 –