Refactor node pagination code, Add noPagination demo

This commit is contained in:
afc163 2015-07-27 19:58:51 +08:00
parent deb00174aa
commit b7d204967d
2 changed files with 50 additions and 13 deletions

View File

@ -0,0 +1,38 @@
# 不显示分页
- order: 8
传入 pagination 为 false 即可。
---
````jsx
var Table = antd.Table;
var columns = [{
title: '姓名',
dataIndex: 'name'
}, {
title: '年龄',
dataIndex: 'age'
}, {
title: '住址',
dataIndex: 'address'
}];
var data = [{
name: '胡彦斌',
age: 32,
address: '西湖区湖底公园1号'
}, {
name: '胡彦祖',
age: 42,
address: '西湖区湖底公园1号'
}, {
name: '李大嘴',
age: 32,
address: '西湖区湖底公园1号'
}];
React.render(<Table columns={columns} dataSource={data} pagination={false} />
, document.getElementById('components-table-demo-nopagination'));
````

View File

@ -24,19 +24,18 @@ export default React.createClass({
getPagination: function() {}
}, this.props.dataSource);
}
let pagination;
if (this.props.pagination === false) {
pagination = false;
} else {
pagination = objectAssign({
let noPagination = (this.props.pagination === false);
let pagination = objectAssign({
pageSize: 10,
total: this.props.dataSource.length
}, this.props.pagination);
}
return {
selectedRowKeys: [],
loading: false,
pagination: pagination,
noPagination: noPagination,
data: []
};
},
@ -137,9 +136,9 @@ export default React.createClass({
this.props.rowSelection.onSelectAll(checked, selectedRows);
}
},
handlePageChange: function(current) {
handlePageChange(current = 1) {
let pagination = this.state.pagination || {};
pagination.current = current || 1;
pagination.current = current;
this.setState({
pagination: pagination
}, this.fetch);
@ -218,7 +217,7 @@ export default React.createClass({
},
renderPagination() {
//
if (this.props.pagination === false) {
if (this.state.noPagination) {
return '';
}
let classString = 'ant-table-pagination';
@ -283,7 +282,7 @@ export default React.createClass({
let data = this.props.dataSource;
let current, pageSize;
//
if (this.props.pagination === false) {
if (this.state.noPagination) {
pageSize = Number.MAX_VALUE;
current = 1;
} else {