@whitesev/data-paging 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +48 -48
- package/dist/index.amd.js +702 -694
- package/dist/index.amd.min.js +1 -344
- package/dist/index.cjs.js +700 -692
- package/dist/index.cjs.min.js +1 -340
- package/dist/index.esm.js +698 -690
- package/dist/index.esm.min.js +1 -339
- package/dist/index.iife.js +703 -694
- package/dist/index.iife.min.js +1 -344
- package/dist/index.system.js +705 -697
- package/dist/index.system.min.js +1 -355
- package/dist/index.umd.js +706 -700
- package/dist/index.umd.min.js +1 -350
- package/dist/types/eslint.config.d.mts +2 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/src/index.d.ts +183 -183
- package/dist/types/src/types/config.d.ts +58 -58
- package/dist/types/src/utils.d.ts +4 -4
- package/index.ts +5 -4
- package/package.json +38 -35
- package/src/config.ts +27 -27
- package/src/index.ts +648 -648
- package/src/types/config.d.ts +58 -58
- package/src/utils.ts +22 -22
package/README.md
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
## 数据分页导航
|
|
2
|
-
|
|
3
|
-
- 基本使用
|
|
4
|
-
|
|
5
|
-
```javascript
|
|
6
|
-
let dataPaging = new DataPaging({
|
|
7
|
-
data: [1, 2, 3, 4, 5, 6, 7, 8, 9], // 数组，里面具体什么值无所谓，需要的是它的长度用来分页
|
|
8
|
-
pageShowDataMaxCount: 5, // 每一页显示的数据条数，如上面的数组共有9个，每页显示5个，会有2页
|
|
9
|
-
pageMaxStep: 3, // 显示出来的按钮数量
|
|
10
|
-
currentPage: 1, // 当前处于的第几个页码
|
|
11
|
-
pageChangeCallBack: function (page) {
|
|
12
|
-
// 当页码切换时发生的回调
|
|
13
|
-
console.log(page);
|
|
14
|
-
},
|
|
15
|
-
/* 上一页按钮 */
|
|
16
|
-
prevBtn: {
|
|
17
|
-
enable: true /* 是否启用 */,
|
|
18
|
-
callBack: function () {} /* 点击事件回调 */,
|
|
19
|
-
},
|
|
20
|
-
/* 下一页按钮 */
|
|
21
|
-
nextBtn: {
|
|
22
|
-
enable: true /* 是否启用 */,
|
|
23
|
-
callBack: function () {},
|
|
24
|
-
},
|
|
25
|
-
/* 第一页按钮 */
|
|
26
|
-
firstBtn: {
|
|
27
|
-
enable: true /* 是否启用 */,
|
|
28
|
-
callBack: function () {},
|
|
29
|
-
},
|
|
30
|
-
/* 最后一页按钮 */
|
|
31
|
-
lastBtn: {
|
|
32
|
-
enable: true /* 是否启用 */,
|
|
33
|
-
callBack: function () {},
|
|
34
|
-
},
|
|
35
|
-
});
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
- 将分页视图追加到某个元素里
|
|
39
|
-
|
|
40
|
-
```javascript
|
|
41
|
-
dataPaging.append(element:HTMLElement);
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
- 动态修改上面的`init`的配置，如果当前数据长度改变的话可以使用它
|
|
45
|
-
|
|
46
|
-
```javascript
|
|
47
|
-
dataPaging.changeConfig(details:Object);
|
|
48
|
-
```
|
|
1
|
+
## 数据分页导航
|
|
2
|
+
|
|
3
|
+
- 基本使用
|
|
4
|
+
|
|
5
|
+
```javascript
|
|
6
|
+
let dataPaging = new DataPaging({
|
|
7
|
+
data: [1, 2, 3, 4, 5, 6, 7, 8, 9], // 数组，里面具体什么值无所谓，需要的是它的长度用来分页
|
|
8
|
+
pageShowDataMaxCount: 5, // 每一页显示的数据条数，如上面的数组共有9个，每页显示5个，会有2页
|
|
9
|
+
pageMaxStep: 3, // 显示出来的按钮数量
|
|
10
|
+
currentPage: 1, // 当前处于的第几个页码
|
|
11
|
+
pageChangeCallBack: function (page) {
|
|
12
|
+
// 当页码切换时发生的回调
|
|
13
|
+
console.log(page);
|
|
14
|
+
},
|
|
15
|
+
/* 上一页按钮 */
|
|
16
|
+
prevBtn: {
|
|
17
|
+
enable: true /* 是否启用 */,
|
|
18
|
+
callBack: function () {} /* 点击事件回调 */,
|
|
19
|
+
},
|
|
20
|
+
/* 下一页按钮 */
|
|
21
|
+
nextBtn: {
|
|
22
|
+
enable: true /* 是否启用 */,
|
|
23
|
+
callBack: function () {},
|
|
24
|
+
},
|
|
25
|
+
/* 第一页按钮 */
|
|
26
|
+
firstBtn: {
|
|
27
|
+
enable: true /* 是否启用 */,
|
|
28
|
+
callBack: function () {},
|
|
29
|
+
},
|
|
30
|
+
/* 最后一页按钮 */
|
|
31
|
+
lastBtn: {
|
|
32
|
+
enable: true /* 是否启用 */,
|
|
33
|
+
callBack: function () {},
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
- 将分页视图追加到某个元素里
|
|
39
|
+
|
|
40
|
+
```javascript
|
|
41
|
+
dataPaging.append(element:HTMLElement);
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
- 动态修改上面的`init`的配置，如果当前数据长度改变的话可以使用它
|
|
45
|
+
|
|
46
|
+
```javascript
|
|
47
|
+
dataPaging.changeConfig(details:Object);
|
|
48
|
+
```
|