以编程方式在JQuery数据表中搜索文本

时间:2016-05-19 17:36:45

标签: javascript jquery datatables

有没有办法用搜索框以编程方式搜索JQuery数据表?

我目前有这样的事情:

$('#calibhistory_click').tab('show');

setTimeout(function() {
    $('#calibhistory').find('input[type="search"]').val("hi");
}, 5000);

这确实将文本输入到框中,但它不会搜索,因为我相信搜索功能只有在通过用户感知键盘输入时才会运行。有没有办法用JS / JQuery以编程方式调用搜索函数?

提前致谢。

编辑:

以下是我在main.js中初始化表格的方法

$(".dynamic-wide-table").DataTable({
        "processing": true,
        "scrollX": true,
        "scrollY": 530,
        "scrollCollapse": true,
        "lengthMenu": [
            [100, 400, 1000, 5000, -1],
            [100, 400, 1000, 5000, "All"]
        ]
    });

问题是,每页有很多这样的表。如何访问我想要的表格?

2 个答案:

答案 0 :(得分:1)

你几乎就在那里,只需在设置输入keyup后触发val事件:

$('#calibhistory').find('input[type="search"]').val("grail").trigger("keyup");

工作JSFiddle

希望有所帮助。

答案 1 :(得分:0)

查看数据表search函数。

文档中的示例:

var table = $('#example').DataTable();

// #myInput is a <input type="text"> element
$('#myInput').on( 'keyup', function () {
    table.search( this.value ).draw();
} );

因此,您要查找的行是table.search( this.value ).draw();