Replies

• allan Posts: 63,500Questions: 1Answers: 10,471 Site admin

  April 2010

  What you need to do is simply unbind the 'keyup' listener that DataTables adds to the input box, and then put a button into the HTML, along with an event listener for it which will call fnFilter() with the input field's value, when it is clicked.
  
  Regards,
  Allan
• BadDaddy Posts: 4Questions: 0Answers: 0

  January 2011

  Can you please show an example of this?
• codecowboy Posts: 8Questions: 0Answers: 0

  March 2012 edited March 2012

  [code]jQuery.fn.dataTableExt.oApi.fnFilterOnButton = function (oSettings) {
  /*
  * Usage: $('#example').dataTable().fnFilterOnButton();
  * Author: Jcodecowboy
  * License: GPL v2 or BSD 3 point style
  
  */
  var _that = this;
  
  this.each(function (i) {
  $.fn.dataTableExt.iApiIndex = i;
  var $this = this;
  var anControl = $('input', _that.fnSettings().aanFeatures.f);
  anControl.unbind('keyup');
  var searchButton = $('#id_of_button').bind('click', function(e){
  _that.fnFilter(anControl.val());
  });
  
  
  return this;
  });
  return this;
  }
  
  /* Example call
  $(document).ready(function() {
  $('.dataTable').dataTable().fnFilterOnButton();
  } );
  */[/code]