如何改变jQuery数据表的输入行为

how to change jQuery DataTables input behaviour

本文关键字:数据表 输入 jQuery 何改变 改变      更新时间:2023-09-26

在jQuery数据表的自定义过滤范围搜索的例子中,如果我输入一个值,例如在输入字段Maximun age中输入"41",表在我点击第一个数字("4")之后就会更新,这样所有的行都会消失,直到我输入第二个数字("1")。是否有一种方法可以等待更新表,直到第二个数字被数字化(让我们假设我们不想要小于10的数字)?它是可能的,甚至更新只是如果我点击进入?

try this:

$(document).ready(function() {
    var table = $('#example').DataTable();
    // Event listener to the two range filtering inputs to redraw on input
    $('#min, #max').keypress( function(event) {
        var max = parseInt( $('#max').val(), 10 );
        if(event.which!==13 || max<10)
            return;
        table.draw();
    } );
} );

我将keyup替换为keypress并捕获键13 (enter)。当用户按回车键或最大值小于10时,不要绘制表格。

见http://jsfiddle.net/andresrondan/gygskjgx/

希望能有所帮助