数据表:按回车键以便对文本框进行分页

DataTables: Pressing enter key in order to use pagination with a textbox

本文关键字：文本 分页 回车 数据表      更新时间：2023-09-26

我已经成功地实现了数据表(版本1.10+)分页插件与文本框，但我想让用户先输入页码，然后按回车键。默认情况下，立即将用户带到页面，但是，如上所述，我希望允许首先在文本框中写入一个数字，然后通过使用enter键跳转到页面。有什么办法吗?

您可以使用输入分页插件:

var table = $('#example').DataTable({
   pagingType: "input"
})

例子——> http://jsfiddle.net/bqpt85LL/

它不支持"使用回车键跳转到页面"，但是您可以很容易地重构代码。看看第164行周围的源代码(在函数$(nInput).keyup(function (e) { ..)。把

fnCallbackDraw(oSettings);


if (e.which === 13) fnCallbackDraw(oSettings);

应该是这样。我还没有测试过，但这肯定是可行的。

输入数据表页面插件:您只需要添加"pagingType: " Input "，同时构建您的数据表。

javascript: 

$('#example').DataTable( {
        responsive: true,
        pagingType: "input"
    } );

然后添加这个Js文件:

<script src="https://cdn.datatables.net/plug-ins/1.10.12/pagination/input.js"></script>

For demo

https://jsfiddle.net/dipakthoke07/ebRXw/2231/

相关文章：