☰

JS-分页插件

用于对数据分页显示

Tính đến 09-05-2023. Xem phiên bản mới nhất.

Script này sẽ không được không được cài đặt trực tiếp. Nó là một thư viện cho các script khác để bao gồm các chỉ thị meta // @require https://update.greasyfork.org/scripts/465550/1187714/JS-%E5%88%86%E9%A1%B5%E6%8F%92%E4%BB%B6.js

Tác giả
WhiteSevs
Phiên bản
0.0.1.20230509020812
Đã tạo
05-05-2023
Đã cập nhật
09-05-2023
Size
20 KB
Giấy phép
N/A

数据分页导航

  • 基本使用
let dataPaging = new DataPaging();
dataPaging.init({
    data: [1, 2, 3, 4, 5, 6, 7, 8, 9], // 数组，里面具体什么值无所谓，需要的是它的长度用来分页
    pageCount: 5, // 每一页显示的数据条数，如上面的数组共有9个，每页显示5个，会有2页
    pageStep: 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);