Datatablesボタンでのonclickイベントの検索

Question

テキストボックスのonchangeまたはonkeyupではなく、datatablesの検索ボタンをクリックしたときの検索機能の達成方法を教えてください。現在、私は検索のために以下のコードを使用しています

jQuery('.asla-search-input').on('onkeyup change', function() { 
      var i =jQuery(this).attr('id'); // getting column index 
      var v =jQuery(this).val(); // getting search input value 
      dataTable.columns(i).search(v).draw(); 
     }); 

しかし、私はこの検索ボタンをクリックする必要があります。どんな助けでも大歓迎です。

Answer 1

あなたはこのようなあなたのDataTableの次のパラメータを追加してみてくださいすることができます：それはあなたのために働いています

  var $oTable = $('#example').dataTable({ 
     "fnServerParams": function (aoData) { 
         aoData.push 
         (
          //search parameters 
          { "name": "id", "value": $('[id*="Id"]').val()},//Value of id 
          { "name": "DateFrom", "value": $('[id*="DateFrom"]').val()},//Value of DateFrom 
          { "name": "DateTo", "value": $('[id*="DateTo"]').val()},//Value of DateTo 
          { "name": "Status", "value": $('[id*="Status"]').val()}//Value of Status       
         ) 
        }, 
       });   
//OnClick of your button, redraw your Datatable 
     $('#btnSearch').on('click', function() {  
       $('#example').dataTable().fnDraw(); 
      });