在搜索中内置的DataTables - 禁用“onKeyUp”触发器

Posted 2021-05-03

我正在使用js DataTables版本1.10.15，目前正在我的桌面上实现搜索（通过服务器端处理的ajax获取它的数据）。

我正在使用内置搜索文本框（通过将f添加到表的构造函数中的dom属性）。

问题是在KeyUp上触发搜索，我想禁用此功能，只在单击按钮或按Enter键时触发搜索，以减少对繁忙服务器的请求数。

可以使用dataTable内置选项完成，还是应该添加我自己的按钮和textBox，以便做到这一点？

谢谢

答案

好的，解决了它，感谢user9263373派我去看看this post。我将在这里发布相关部分以方便：

基本上，你需要做的是取消绑定内置搜索框的keyUp事件，然后再绑定它，只有在输入时触发事件，即按下键码13。

var table = $('#emailsTable').......

    $('#emailsTable_filter input').unbind();
    $('#emailsTable_filter input').keyup(function (e) {
            if (e.keyCode == 13) /* if enter is pressed */ {
                table.search($(this).val()).draw();
            }
        });