DataTables内置于搜索 - 禁用" onKeyUp"触发

时间:2018-02-27 15:35:46

标签: jquery datatables

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

我使用内置搜索文本框(将f添加到表格构造函数中的dom属性中)。

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

可以使用dataTable内置选项完成,还是应该添加自己的按钮和textBox?为了做到这一点?

由于

1 个答案:

答案 0 :(得分:3)

好的,解决了它,感谢 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();
            }
        });