文本输入导航
显示一个输入元素,用户可以在其中输入页码
- 作者:艾伦·贾丁
有时候为了快速导航,允许终端用户手动输入希望跳转到的页面非常有用。此分页控件使用文本输入框接受新的分页号(还允许使用箭头键),同时还向终端用户展示四个标准的导航按钮。
使用
此插件可以通过多种不同的方式获取和使用。
浏览器
此插件提供于 DataTables CDN
JS
此插件然后将自动针对全局 DataTables 实例注册自身。如果您使用的是 AMD 加载器(例如 Require.js),也可以使用此文件。
请注意,如果您使用的是多个插件,将插件合并到单个文件中并在您自己的服务器上托管,而不是向 DataTables CDN 发出多个请求,在性能方面会得到提升。
NPM
此插件可以在 NPM 上找到(也可以与 Yarn 或任何其他 JavaScript 包管理器一起使用),作为 datatables.net-plugins
包 的一部分。若要使用此插件,首先安装插件包
npm install datatables.net-plugins
ES 模块
然后,如果您使用的是 ES 模块,请导入 datatables.net
、所需的任何其他 DataTables 扩展和此插件
import DataTable from 'datatables.net';
import 'datatables.net-plugins/pagination/input.mjs';
CommonJS
如果您使用的是适用于 Node 的 CommonJS 加载器(例如带有旧版 Webpack 或非模块化 Node 代码),请使用以下方法 require
此插件
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/pagination/input.js');
示例
$(document).ready(function() {
$('#example').DataTable( {
"pagingType": "input"
} );
} );
版本控制
如果您有任何关于如何改进此插件的想法,或者发现任何错误,请在 GitHub 上提供,我们非常欢迎提出请求!