选择列表

显示用户可以选择的一个页面 select 列表。

  • 作者:jneilliii

此分页插件提供一个 select 菜单,其中包含可供查看的页码列表。

使用

此插件可以通过多种不同方式获取和使用。

浏览器

此插件在 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/select.mjs';

CommonJS

如果你正在为 Node 使用 CommonJS 加载器(例如具有较旧版本的 Webpack 或非模块化 Node 代码),请使用以下方法来 require 插件

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/pagination/select.js');

示例

$(document).ready(function() {
      $('#example').dataTable( {
          "sPaginationType": "listbox"
      } );
  } );

版本控制

如果你有任何关于如何改进此插件的想法,或者发现任何错误,它都在 GitHub 上,非常欢迎提交请求!