Answers

• HPB Posts: 73Questions: 2Answers: 18

  June 2017 Answer ✓

  You cannot with your version of datatables.

  searchDelay got added it version 1.10.3
• bindrid Posts: 730Questions: 0Answers: 119

  June 2017

  It still can cause unneeded traffic. My solution was to remove the default handler and add a keydown and watch for the enter key, plus I put a search image button next to the search box.
• alexsherwood Posts: 4Questions: 1Answers: 0

  June 2017

  Thanks so much @HPB ! That did the trick. Updated to 1.10.3 and set the delay to 1200ms (1.2 secs) and it works perfectly. Cuts back on TONS of intermediate AJAX requests.

  Appreciate the help very much!
• alexsherwood Posts: 4Questions: 1Answers: 0

  June 2017

  @bindrid - mind sharing your code snippet for that? Would love to have that option for the enter key as well.

  Thanks!
• allan Posts: 64,397Questions: 1Answers: 10,631 Site admin

  June 2017

  The next major version is going to update that option so that it uses a debounce method rather than a throttle. I had thought that a throttle would be used more, since it gives a halfway house to live filtering, but it seems that based on feedback that was the wrong decision.

  There is actually a fnSetFilteringDelay legacy plug-in for 1.9.x which will do what you are looking for @alexsherwood.

  Worth noting that 1.9.x isn't supported any more though.

  Allan
• bindrid Posts: 730Questions: 0Answers: 119

  June 2017

  Here is some working code that goes before $('example').DataTable();

              $(document).on("preInit.dt", function () {
                  var $sb = $(".dataTables_filter input[type='search']");
                  // remove current handler
                  $sb.off();
                  // Add key hander
                  $sb.on("keypress", function (evtObj) {
                      if (evtObj.keyCode == 13) {
                          $('#example').DataTable().search($sb.val()).draw();
                      }
                  });
                  // add button and button handler
                  var btn = $("<button type='button'>Go</button>");
                  $sb.after(btn);
                  btn.on("click", function (evtObj) {
                      $('#example').DataTable().search($sb.val()).draw();
                  });
              });
  
• alexsherwood Posts: 4Questions: 1Answers: 0

  June 2017

  @allan - thanks for the update, and thanks a ton for the awesome functionality. It's fantastic!

  @bindrid - thanks for the snippet - we'll put it to use. Much appreciated!