用程序搜索JQuery数据表中的文本

Programatically search text in JQuery Data Table

本文关键字:文本 数据表 JQuery 程序 搜索      更新时间:2023-09-26

是否有任何方法可以使用搜索框以程序方式搜索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"]
        ]
    });

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

查看数据表搜索功能。

文档示例:

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();

您已经非常接近了,只需在设置输入的val后触发keyup事件:

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

工作JSFiddle。

希望能有所帮助。