2012-01-20 9 views
3

私はアプリケーションでjQuery DataTablesプラグインを使用しており、複数年のデータセットを表示しています。ページが読み込まれると、データが現在の年にフィルタリングされ始めます。ページが読み込まれたときにプラグインフィルタデータを持つことは可能ですか? Datatables APIとしてjQuery DataTablesプラグインを使用してページの読み込み時にデータをフィルタリングする方法は?

+2

これはオフトピックです。これは明らかに問題であり、DataTablesサイトからソリューションを見つけるのは容易ではありません。この質問は、最初の10個のリンク内の検索で表示されます。それに加えて、ゲオルギエンゲルによって与えられた答えは良いものです。 –

+0

これは話題ではありませんが、質問者からより多くの情報が必要でした。私は、Georg Engelの答えが別の質問に対する良い答えだと言いますが、この質問には答えません。 –

答えて

17

は言う:

oTable.fnFilter('test string', columnIndex); 
-1

あなたは

試すことができます:あなたが唯一の特定の列をフィルタリングする必要がある場合は

$(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

関連する問題