數據表搜索按鈕上的onclick事件

如何在用戶單擊數據表中的搜索按鈕而不是onchange或onkeyup文本框中實現搜索功能？目前我正在使用下面的代碼進行搜索數據表搜索按鈕上的onclick事件

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(); 
     });

但是，當用戶單擊搜索按鈕時，我需要此搜索。任何幫助將不勝感激。

來源

2016-05-23 user3408779

它的工作適合你？ http://jsfiddle.net/84KNZ/63/ – CMedina

當我在上面嘗試時，我得到「TypeError：dataTable.fnFilter不是一個函數」這個錯誤。我正在使用DataTables 1.10.4 – user3408779

如果你使用DataTables +10，你可以使用搜索功能，請參閱示例https://jsfiddle.net/cmedina/7kfmyw6x/54/ – CMedina

你可以嘗試在數據表中添加以下參數是這樣的：

  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(); 
      });

來源

2016-05-24 09:11:24

數據表搜索按鈕上的onclick事件

回答

相關問題