# DiReactPagination

**Repository Path**: dgx/DiReactPagination

## Basic Information

- **Project Name**: DiReactPagination
- **Description**: react16.x分页组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://dgx.gitee.io/direactpagination
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-10-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

基于react16.x分页组件  
如何自己编写一个分页组件：[https://my.oschina.net/tbd/blog/1551890](https://my.oschina.net/tbd/blog/1551890)  
调用方式：  
```
<DireactPagination
    current={this.state.current}
    count={this.state.count}
    pageCount={this.state.pageCount}
    showPageNum={this.state.showPageNum}
    showPageCount={this.state.showPageCount}
    totalData={this.state.totalData}
    showTotalData={this.state.showTotalData}
    nextPage={this.state.nextPage}
    coping={this.state.coping}
    showSkipPage={this.state.showSkipPage}
    runAjax={this.runAjax.bind(this)}>
</DireactPagination>                        
```
属性描述：  
```
current:1,               //存放返回当前第几页
count:2,                          //当前页前后页数    (默认：2)
pageCount:"",            //存放返回总页数
showPageNum:1,                    //是否显示页码     （默认值：1-显示 其他-不显示）
showPageCount:1,               //是否显示总页数 （默认值：1-显示 其他-不显示）
totalData:"",            //存放返回数据总条数
showTotalData:1,               //是否显示数据总条数（默认值：1-显示 其他-不显示）
nextPage:false,                   //是否有下一页
coping:1,                       //是否开启首页尾页（默认值：1-显示 其他-不显示）
showSkipPage:1               //是否显示跳页功能（默认值：1-显示 其他-不显示）
```
方法描述： 
```
runAjax:function(current){//current分页组件返回的页码，从1开始
    //依据返回的页码，我们可以书写任何处理，比如发送一个ajax，成功回调返回要设置的属性，进行从新设置
}
```