如何在数据表的搜索框中输入值

2021/01/11 23:11 · jquery ·  · 0评论

如何在“数据表”的搜索框中输入值。有没有办法在数据表的搜索框中输入值?

如果只想在执行搜索时检查该值[dataTables 1.10.x ]:

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

$('#example').on('search.dt', function() {
    var value = $('.dataTables_filter input').val();
    console.log(value); // <-- the value
}); 

如果要在搜索之前检查该值并能够取消搜索,则必须取消绑定默认的搜索框事件并创建自己的事件,如下所示-仅在用户输入了3个以上字符时才进行搜索:

$('.dataTables_filter input').unbind().keyup(function() {
    var value = $(this).val();
    if (value.length>3) {
        table.search(value).draw();
    } 
});

演示-> http://jsfiddle.net/pb0632c3/

要完全重置搜索/过滤器,例如用户是否删除了搜索词:

if (value.length==0) table.search('').draw();

就在这里。您调用不带参数的搜索方法以获取搜索词

var query = dataTable.search()

https://datatables.net/reference/api/search()

获取当前应用的全局搜索。如果API的上下文中有多个表,则将返回第一个表的搜索词。如果需要在API上下文中使用其他表的搜索词,请使用table()。

dataTable API中所述

    var table = $('.datatable').DataTable();


     $('.datatable').on('search.dt', function (e, settings) {
       table.search( this.value ).draw();
    })

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

尝试使用此功能来检测按键,然后绘制DataTablee。

$('#search').on('keyup change', function () {
    var table = $('#example').DataTable();
    table.api().search($(this).val()).draw();
});

您可以针对所有数据表版本执行类似的操作,我们在这里正在跟踪搜索输入字段,然后仅获取其值,而无需使用此方法使用数据表api

$('input[type="search"]').on( 'keyup', function () {
            console.log($(this).val());
} );
本文地址:http://jquery.askforanswer.com/ruhezaishujubiaodesousuokuangzhongshuruzhi.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!