4

カスタムオプション選択フィルターをjQueryDataTableに追加する方法を知っている人はいますか？

基本的に、このサンプルページのようですが、最小/最大テキストフィールドを使用する代わりに、オプションを選択するように変更します。

4

2 に答える 2

14

思ったより簡単：

Javascript

$(document).ready(function() {
    /* Initialise datatables */
    var oTable = $('#example').dataTable();

    /* Add event listener to the dropdown input */
    $('select#engines').change( function() { oTable.fnFilter( $(this).val() ); } );
} );

HTML

<select id="engines">
    <option value="">- Select -</option>
    <option value="1.8">1.8</option>
    <option value="1.9">1.9</option>
</select>
于 2010-05-24T16:24:22.003 に答える
2

それを行う正規表現を作成する必要があります。最小値または最大値を作成するのはかなり簡単です。両方を同時に実行しようとすると、注意が必要になります。13歳以上のすべての数字を返すものは次のとおりです。

oTable.fnFilter("([1-9][3-9]|[2-9][0-9]|[0-9]{3,})", 1, true);

これは言う：13-99（20、21、22、31、32などを除く）20-99 100+

于 2010-12-08T21:10:54.183 に答える