2016-04-19 2 views
1

にマッチ:jQueryのDATATABLEは正確なIが所定の位置に、このjqueryのデータテーブルを持っている

var $dataTable = $('#example1').DataTable({ 
    "ajax": serviceUrl, 
    "iDisplayLength": 25, 
    "order": [[ 2, "asc" ]], 
    "scrollY": 600, 
    "scrollX": true, 
    "bDestroy": true 
}); 

をユーザーがドロップダウンでオプションを選択したときに、私もこのCHANGEイベントが起こっています

$('#serviceload').on('change',function() 
{ 
    $dataTable.columns(1).search(this.value).draw(); 
}); 

私はする必要がありますCHANGEイベントを変更してドロップダウン内の完全一致のデータテーブルを検索することができます。例えば

、データテーブルはSERVとSERV_ONEと呼ばれる2つのサービスを提供しています。ドロップダウンでは、SERVとSERV_ONEの両方が、ユーザが選択するために使用できますが、ユーザーはSERVを選択した場合、また、データテーブルSERVのためのフィルタとはSERV_ONEのレコードを表示します。しかし、SERV_ONEが選択されると、データテーブルはSERV_ONEのレコードのみを表示します。

助けてください。

答えて

1

は、ドロップダウンフィルタの適切な使用のためのthis exampleを参照してください。

$('#serviceload').on('change keyup', function(){ 
    var val = $.fn.dataTable.util.escapeRegex($(this).val()); 
    $dataTable 
    .columns(1) 
    .search(val ? '^' + val + '$' : '', true, false) 
    .draw(); 
}); 
+0

は、ありがとうございます。あなたが提供したリンクへの道がわかりましたが、その方法でデータを読み込むことができませんでした。上記のコードをCHANGEイベントに適用しようとしましたが、結果は同じです。確かに有望。 –

+1

@HoodCoderManは、コードを修正しました。 –

+0

申し訳ありませんが...コードに失敗しました。私はまだ同じ結果を返しています。私はコードで遊んでいます。うまくいけば、あなたのコードは私が解決策を見つけるのを助けるでしょう。手伝ってくれてどうもありがとう。あなたにアップアップ。 –

関連する問題