ExtJS 风格
符合 ExtJS 样式的分页
- 作者:扎克·柯蒂斯
此分页外挂可为 DataTables 提供分页控制,与 ExtJS 库的网格组件风格和交互相匹配。
使用
可以通过多种不同的方式来获取和使用此外挂。
浏览器
在 DataTables CDN 中提供此外挂
JS
然后,外挂会自动在全局 DataTables 实例中自行注册。如果您使用 Require.js 等 AMD 载入器,也可以使用此文件。
请注意,如果您使用的是多个外挂,最好将外挂组合到单个文件中,并在您自己的服务器上托管,而不是向 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/extjs.mjs';
CommonJS
如果您使用的是适用于 Node 的 CommonJS 载入器(例如,与旧版本的 Webpack 或非模块 Node 代码一起使用),请使用以下方法来 require
外挂
var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/pagination/extjs.js');
范例
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "extStyle"
} );
} );
版本控制
如果您对如何改进此外挂有任何想法,或发现任何错误,欢迎您访问 GitHub 并提交拉取请求!
- 此外挂:extjs.js
- 完整的 DataTables 外挂代码库:DataTables/Plugins