PaginationContainer.js

PaginationContainer.js

/**
 * Created by que01 on 16/6/14.
 */

import React, { PropTypes } from 'react';
// ant文件
import { Pagination} from 'antd';
import s from './Home.css';
import {connect} from 'react-redux';
import {setRuntimeVariable} from '../../actions/runtime';


let PaginationContainer = React.createClass({
  onChange(page) {
    this.props.setRuntime({
      name:"currentPage",
      value:page
    });
  },
  onShowSizeChange(currentPage,pageSize){
    this.props.setRuntime({
      name:"pageSize",
      value:pageSize
    })
  },
  render() {
    return (
      <div className={s.container}>
        <Pagination current={this.props.currentPage}
                    onChange={this.onChange}
                    onShowSizeChange={this.onShowSizeChange}
                    total={this.props.newsTotalItem}
                    showSizeChanger showQuickJumper
        />;
      </div>
    )
  },
});

export default connect(state => ({
  currentPage: state.runtime.currentPage,
  newsTotalItem:state.runtime.newsTotalItem,
}), {setRuntime:setRuntimeVariable})(PaginationContainer);