如何更改jQuery DataTables的输入行为

时间:2015-06-10 20:13:01

标签: javascript jquery datatables

Custom filtering - range search的jQuery DataTables示例中,如果我在输入字段Maximun age中输入一个值,例如“41”,则在我单击第一个数字(“4”)后表格会更新,并且这样所有的行都会消失,直到我也数字第二个数字(“1”)。有没有办法等待更新表,直到第二个数字被挖掘(让我们假设我们不希望数字小于10)?如果我点击进入,甚至可以更新吗?

1 个答案:

答案 0 :(得分:1)

试试这个:

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

我替换按键的键盘并捕获键13(输入)。当用户按Enter键或最大值小于10时,不要绘制表格。

请参阅http://jsfiddle.net/andresrondan/gygskjgx/

希望这会有所帮助