DataTables：按回车键以使用带有文本框的分页答案

【问题标题】：DataTables: Pressing enter key in order to use pagination with a textboxDataTables：按回车键以使用带有文本框的分页
【发布时间】：2016-09-16 08:30:39
【问题描述】：

我已经成功实现了带有文本框的 DataTables（1.10+ 版）分页插件，但我希望允许用户先输入页码，然后按回车键。默认情况下，用户会立即进入页面，但如上所述，我希望允许先在文本框中输入一个数字，然后使用回车键跳转到页面。关于如何做到这一点的任何想法？

【问题讨论】：

我们能看到一个小提琴/现有的代码吗？

标签： javascript jquery pagination datatables

【解决方案1】：

您可以使用input pagination plugin：

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

示例 -> http://jsfiddle.net/bqpt85LL/

它不支持开箱即用的“使用回车键跳转到页面”，但您可以轻松地重构代码。查看 #164 行附近的源代码（在函数 $(nInput).keyup(function (e) {.. 中）。改变

fnCallbackDraw(oSettings);

到

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

应该是这样的。还没有测试过，但这肯定是要走的路。

【讨论】：

【解决方案2】：

输入数据表页面插件：只需要在构建数据表时添加“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>

用于演示

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

【讨论】：