0.1.72 • Published 5 years ago
@beisen/paging v0.1.72
paging
参数
props
const props = {
hidden: false, // 是否渲染 默认false
total: 20, // 总页数
currentPage: 1, // 当前页数
visiblePages: 9, // 显示的页数 min = 5
capacity: 10, // 每页条数,页面容量
capacityList: [15, 30, 60, 100], //可选的页面容量
isShowDropdown: true,
autoDirection:false, //DropDownButton的autoDirection属性
direction:false, //DropDownButton的direction属性
hasJumpTo:false, //是否显示跳转至
onIndexChange: index => console.log(index), // 页数变化
onCapacityChange: index => console.log(index), //页面容量变化
focusCallBack: event => console.log(event), // input
blurCallBack: event => console.log(event), // input
changeCallBack: event => console.log(event) // input
}
PropTypes
Paging.propTypes = {
hidden: PropTypes.bool,
total: PropTypes.number.isRequired,
currentPage: PropTypes.number.isRequired,
visiblePages: PropTypes.number.isRequired,
capacity: PropTypes.number.isRequired,
capacityList: PropTypes.array.isRequired,
onIndexChange: PropTypes.func.isRequired,
onCapacityChange: PropTypes.func.isRequired
}
使用方法
1.安装npm组件包
npm install @beisen/paging --save-dev
2.引用组件
import Paging from "@beisen/paging"
3.传入参数
该参数为上述参数,传入方式使用: {...参数}
class Paging extends Component {
render() {
const options = {
hidden: false, // 是否渲染 默认false
total: 20, //总页数
currentPage: 1, // 当前页数
visiblePages: 9, // 显示的页数 min = 5
capacity: 10, // 每页条数,页面容量
capacityList:[15,30,60,100],//可选的页面容量
onIndexChange: index => console.log(index), // 页数变化
onCapacityChange: index => console.log(index) //页面容量变化
};
return <Paging {...options} />
}
}
React.render(<Paging />, document.getElementById('content'))
0.1.72
5 years ago
0.1.71
5 years ago
0.1.70
5 years ago
0.1.69
5 years ago
0.1.68
5 years ago
0.1.67
5 years ago
0.1.66
5 years ago
0.1.65
5 years ago
0.1.64
5 years ago
0.1.63
5 years ago
0.1.62
5 years ago
0.1.61
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.20
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
0.1.60
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
0.1.59-2
5 years ago
0.1.59-1
5 years ago
0.1.59
5 years ago
0.1.58
5 years ago
0.1.57
5 years ago
0.1.54-1
5 years ago
0.1.56
5 years ago
0.1.55-4
5 years ago
0.1.55-3
5 years ago
0.1.55-2
5 years ago
0.1.55
5 years ago
0.1.54
5 years ago
0.1.51
5 years ago
0.1.50-1
6 years ago
0.1.49
6 years ago
0.1.48
6 years ago
0.1.47
6 years ago
0.1.46
6 years ago
0.1.45
6 years ago
0.1.44
6 years ago
0.1.43
6 years ago
0.1.42
7 years ago
0.1.41
7 years ago
0.1.40
7 years ago
0.1.39
7 years ago
0.1.38
7 years ago
0.1.37
7 years ago
0.1.36
7 years ago
0.1.35
7 years ago
0.1.34
7 years ago
0.1.33
7 years ago
0.1.32
7 years ago