数据表禁用自动过滤器并添加了一个按钮

Question

我正在使用datatables插件，我想禁用桌面上的自动过滤器，而是在他们完全输入文本并准备好进一步搜索时放置一个搜索按钮。

JSfiddle：

$(document).ready(function() {
    $('#example').dataTable();
} );

http://jsfiddle.net/84KNZ/

按钮（href）是“Go filter”

任何想法？

感谢

Answer 1

要做的第一件事是从搜索输入中取消绑定默认的keyup事件：

$("div.dataTables_filter input").unbind();

然后我们需要从链接点击事件中调用数据表过滤：

 $('#filter').click(function(e){
        oTable.fnFilter($("div.dataTables_filter input").val());
    });

http://jsfiddle.net/84KNZ/3/

Answer 2

如果您正在使用服务器端处理，fnFilter不起作用，您必须使用搜索，此外，最好在搜索文本框中按Enter键执行搜索，这可以通过以下方式实现：

        $("div.dataTables_filter input").unbind();

        $("div.dataTables_filter input").on('keydown', function(e) {
            if (e.which == 13) {
                table.search( $("div.dataTables_filter input").val()).draw();
            }
        });