☰

JS-分页插件

用于对数据分页显示

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/465550/1551954/JS-%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB%B6.js

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey，才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
WhiteSevs
版本
0.0.1.20250312070906
创建于
2023-05-05
更新于
2025-03-12
大小
24.8 KB
许可证
暂无

数据分页导航

  • 基本使用
let dataPaging = new DataPaging({
  data: [1, 2, 3, 4, 5, 6, 7, 8, 9], // 数组，里面具体什么值无所谓，需要的是它的长度用来分页
  pageShowDataMaxCount: 5, // 每一页显示的数据条数，如上面的数组共有9个，每页显示5个，会有2页
  pageMaxStep: 3, // 显示出来的按钮数量
  currentPage: 1, // 当前处于的第几个页码
  pageChangeCallBack: function (page) {
    // 当页码切换时发生的回调
    console.log(page);
  },
  /* 上一页按钮 */
  prevBtn: {
    enable: true /* 是否启用 */,
    callBack: function () {} /* 点击事件回调 */,
  },
  /* 下一页按钮 */
  nextBtn: {
    enable: true /* 是否启用 */,
    callBack: function () {},
  },
  /* 第一页按钮 */
  firstBtn: {
    enable: true /* 是否启用 */,
    callBack: function () {},
  },
  /* 最后一页按钮 */
  lastBtn: {
    enable: true /* 是否启用 */,
    callBack: function () {},
  },
});
  • 将分页视图追加到某个元素里
dataPaging.append(element:HTMLElement);
  • 动态修改上面的init的配置，如果当前数据长度改变的话可以使用它
dataPaging.changeConfig(details:Object);