2016-05-23 8 views
0

Wie Suchfunktion erhalten, wenn Benutzer auf eine Suchschaltfläche in Datatables anstelle von onchange oder onkeyup in den Textfeldern klicken? Zur Zeit verwende ich den folgenden Code für die SucheDatatables Suche onclick Ereignis auf einer Schaltfläche

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

Aber ich brauche diese Suche, wenn Benutzer auf den Suchknopf klicken. Jede Hilfe würde sehr geschätzt werden.

+0

Es ist für Sie arbeiten? http://jsfiddle.net/84KNZ/63/ – CMedina

+0

wenn ich oben versuchte, bekomme ich "TypeError: dataTable.fnFilter ist keine Funktion" dieser Fehler.Ich verwende DataTables 1.10.4 – user3408779

+0

Wenn Sie DataTables +10 verwenden können Sie Verwenden Sie Suchfunktion, siehe Beispiel https://jsfiddle.net/cmedina/7kfmyw6x/54/ – CMedina

Antwort

0

Sie können versuchen, folgende Parameter in Ihrer Datentabelle wie folgt ergänzt:

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