jquery - jQueryDataTablesマウスクリックで検索

Question

私はjQueryDatatablesに取り組んでいます。ユーザーが入力を開始すると、検索された最新の10個のアイテム/文字列のリストが表示されるように、検索テキストボックスに予測検索機能を実装しました。ここでの問題は、キーボードを使用してリストアイテムのいずれかを選択すると、フィルタリングが即座に実行されることです。つまり、キーを押すたびにフィルタリングが実行されますが、マウスクリックでリストアイテムを選択すると、テーブルがフィルタリングされません。テーブルをフィルタリングするには、Enterキーを押す必要があります。キーを押すだけでなく、マウスクリックでもテーブルをフィルタリングできるようにしたい。これをデータテーブルにどのように実装できますか？どんな提案も大いに役立ちます！

Answer 1

あなたはこのようなことをすることができます。

まず、クリック時にJQueryイベントを設定する必要があるため、ドロップダウンリストのすべてのオプションにたとえばrecentItemsのクラスを指定します。次に、このようなものを書くことができます。

$(document).ready(function() {

   $('.recentItems').click(function(){
           var filterString = $('.dataTables_filter :input').val();
           oTable.fnFilter(filterString);
   });

});

これは、データテーブルにoTableという変数名を付けたことを前提としています。

Answer 2

$('#filter-data-button').click(function(){
    oTable.search('your value').draw();
});