如何更改 jQuery DataTables 输入行为
how to change jQuery DataTables input behaviour
在 Custom filtering - range search 的 jQuery DataTables 示例中,如果我在输入字段 Maximun age 中输入一个值,例如“41”,table 在我单击第一个数字(“4”),这样所有行都会消失,直到我也将第二个数字(“1”)数字化。有没有办法等到更新 table 直到第二个数字被数字化(假设我们不想要小于 10 的数字)?是不是只要点回车就可以更新?
试试这个:
$(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(输入)。当用户回车或最大值小于10时,不画table.
见http://jsfiddle.net/andresrondan/gygskjgx/
希望对您有所帮助
在 Custom filtering - range search 的 jQuery DataTables 示例中,如果我在输入字段 Maximun age 中输入一个值,例如“41”,table 在我单击第一个数字(“4”),这样所有行都会消失,直到我也将第二个数字(“1”)数字化。有没有办法等到更新 table 直到第二个数字被数字化(假设我们不想要小于 10 的数字)?是不是只要点回车就可以更新?
试试这个:
$(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(输入)。当用户回车或最大值小于10时,不画table.
见http://jsfiddle.net/andresrondan/gygskjgx/
希望对您有所帮助