Browse Source

finish pager

es6
iapyang 7 years ago
parent
commit
2b343b3090
  1. 47
      uidoc/case/pager/all_count_pager.md
  2. 64
      uidoc/case/pager/direction_pager.md

47
uidoc/case/pager/all_count_pager.md

@ -1,2 +1,47 @@
# all_count_pager # bi.all_count_pager
### 有总页数和总行数的分页控件
{% method %}
[source](https://jsfiddle.net/fineui/cmtamo5L/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.all_count_pager',
height: 30,
pages: 10, //必选项
curr: 1,
count: 1,
});
```
{% endmethod %}
### 参数
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---- | ------ | ---- |
| height | 控件高度 | number | 30 |
| pages | 总页数 | number | 1 |
| curr | 当前页 | number | 1 |
| count | 总行数 | number | 1 |
### 方法
| 方法名 | 说明 | 参数 |
| --------------- | -------- | ---------- |
| setAllPages | 设置总页数 | v |
| setValue | 设置当前页码 | v |
| setVPage | 设置当前页码 | v |
| setCount | 设置计数 | count |
| getCurrentPage | 获取当前页码 | — |
| hasPrev | 是否有前一页 | — |
| hasNext | 是否有后一页 | — |
| setPagerVisible | 设置页码是否可见 | true/false |
| populate | 清空内容 | — |

64
uidoc/case/pager/direction_pager.md

@ -1,2 +1,64 @@
# direction_pager # bi.direction_pager
### 显示页码的分页控件
{% method %}
[source](https://jsfiddle.net/fineui/vyc36s2a/)
{% common %}
```javascript
var pager = BI.createWidget({
type: 'bi.direction_pager',
height: 30,
horizontal: {
pages: 10, //必选项
curr: 1, //初始化当前页, pages为数字时可用,
firstPage: 1,
lastPage: 10,
},
vertical: {
pages: 10, //必选项
curr: 1, //初始化当前页, pages为数字时可用,
firstPage: 1,
lastPage: 10,
},
element: 'body',
});
```
{% endmethod %}
### 参数
| 参数 | 二级参数 | 说明 | 类型 | 默认值 |
| ---------- | --------- | ---------------------- | --------------- | ---------- |
| height | | 控件高度 | number | 30 |
| horizontal | | 横向翻页设置 | object | — |
| | pages | 总页数 | number/bool | false |
| | curr | 当前页, pages为数字时可用 | number | 1 |
| | hasPrev | 判断是否有前一页的方法 | function | BI.emptyFn |
| | hasNext | 判断是否有后一页的方法 | function | BI.emptyFn |
| | firstPage | 第一页 | number | 1 |
| | lastPage | 最后一页 | number/function | BI.emptyFn |
| vertical | | 纵向翻页设置,参数与horizontal相同 | object | — |
### 方法
| 方法名 | 说明 | 参数 |
| ---------------- | ---------- | ---- |
| getVPage | 获取纵向页码 | — |
| getHPage | 获取水平向页码 | — |
| setVPage | 获取纵向页码 | v |
| setHPage | 获取水平向页码 | v |
| hasVNext | 纵向坐标是否有下一页 | — |
| hasHNext | 横向坐标是否有下一页 | — |
| hasVPrev | 纵向坐标是否有上一页 | — |
| hasHPrev | 横向坐标是否有上一页 | — |
| setHPagerVisible | 设置横向分页键可见 | — |
| setVPagerVisible | 设置纵向分页键可见 | — |
| populate | 清空内容 | — |

Loading…
Cancel
Save