UNPKG

@ustack/uskin

Version:

A graceful framework which provides developers another chance to build an amazing site.

66 lines (63 loc) 1.38 kB
## Example <a href="./pagination.html" target="_blank">Pagination Example</a> ## Usage ``` const {Pagination} = uskin; ReactDOM.render( <Pagination onClick={this.paginationOnClick} total={200} perPage={20} current={7} />, document ); ``` ## API <table> <thead> <tr> <th style="width: 100px;">name</th> <th style="width: 50px;">type</th> <th style="width: 50px;">default</th> <th>description</th> </tr> </thead> <tbody> <tr> <td>onClick</td> <td>Function</td> <td></td> <td>页码点击时返回被点击的页码值(number, e)</td> </tr> <tr> <td>onClickLabel</td> <td>Function</td> <td></td> <td>first, last, prev, next被点击时返回被点击的按钮(status, e)</td> </tr> <tr> <td>total(必填)</td> <td>Number</td> <td></td> <td>总元素的数量</td> </tr> <tr> <td>current(必填)</td> <td>Number</td> <td></td> <td>当前页码</td> </tr> <tr> <td>labelOnly</td> <td>Boolean</td> <td>false</td> <td>是否只显示标签的pagination</td> </tr> <tr> <td>label</td> <td>Object</td> <td></td> <td>需要显示的标签信息,比如{prev: true, next: true, first: true, last: true}</td> </tr> </tbody> </table>