Answers

• allan Posts: 63,535Questions: 1Answers: 10,475 Site admin

  September 2016

  This is a known bug I'm afraid. Its something that I very much need to look at but haven't had a chance to do so yet - sorry!

  Allan
• ffradegrada Posts: 10Questions: 2Answers: 0

  October 2016

  Oh, ok, I'll try to fix it and send the code!
• MattSkeldon Posts: 19Questions: 1Answers: 0

  May 2017

  Was this ever resolved?

  Regards MS
• allan Posts: 63,535Questions: 1Answers: 10,475 Site admin

  May 2017

  Its something that will be addressed in the next major update to DataTables. The search delay will use a debounce rather than a throttle.

  Allan
• MattSkeldon Posts: 19Questions: 1Answers: 0

  May 2017

  In the mean time what I have done is during the initialisation of the data table, detach all the .dt events from the input the reattach .dt.keydown but listen specifically for enter key then use the api to trigger the search.

  The one thing I'm having to do is hardcode the reference to the search input to remove / add the events.

  Is there a means within the api to obtain this element?

  eg $(api.elements.searchinput)

  I will post my code I have tomorrow if this isn't clear however I'm currently away from my code

  Regards MS
• MattSkeldon Posts: 19Questions: 1Answers: 0

  May 2017

   "initComplete": function () {
                  var api = this.api();
                  $("#MyTableID_search")
                      .off(".DT")
                      .on("keyup.DT, blur", function (e) {
                          if (e.keyCode === 13) {
                              api.search(this.value).draw();
                          }
                      });
              },
  

  however what I am looking for is

   "initComplete": function () {
                  var api = this.api();
                  $(api.elements.searchinput)
                      .off(".DT")
                      .on("keyup.DT, blur", function (e) {
                          if (e.keyCode === 13) {
                              api.search(this.value).draw();
                          }
                      });
              },
  

  as this allows my solution to become generic without having to repeat this.

  Regards MS
• allan Posts: 63,535Questions: 1Answers: 10,475 Site admin

  May 2017

  There isn't really an API method for this yet I'm afraid. The closest is: $( 'div.dataTables_filter input', api.table().container() ).

  The table().container() gives the table container element, and the selector will pick out the input element for the filter. So it will work for any table regardless of id, but it isn't quite as trivial as api.dom().search() or something like that (not a bad idea though!).

  Allan
• MattSkeldon Posts: 19Questions: 1Answers: 0

  May 2017

  That will do a whole lot nicer than having to write the selector each time!