bugfix: pageSizeOptions

Author: jiangxy

src/components/DBTable/InnerPagination.js

@@ -21,7 +21,8 @@ class InnerPagination extends React.PureComponent {
           //是否显示“每页显示条目数”,对应 antd Pagination组件的showSizeChanger属性
           showSizeChanger={this.props.showSizeChanger}
           //修改“每页显示条目数”时触发,对应 antd Pagination组件的onShowSizeChange属性
-+         onShowSizeChange={this.props.parentHandleShowPageChange}
+          onShowSizeChange={this.props.parentHandleShowPageChange}
+          pageSizeOptions={this.props.pageSizeOptions}
         />
       </div>
     );

src/components/DBTable/index.js

@@ -39,8 +39,8 @@ class DBTable extends React.PureComponent {
     // 分页器的状态
     currentPage: 1,  // 当前第几页, 注意页码是从1开始的, 以前总是纠结页码从0还是1开始, 这里统一下, 跟显示给用户的一致
     pageSize: globalConfig.DBTable.pageSize || 50,  // pageSize默认值50, 这个值一旦初始化就是不可变的
-    showSizeChanger: globalConfig.DBTable.showSizeChanger, //是否显示修改每页显示数量的选项
-    pageSizeOptions: globalConfig.DBTable.pageSizeOptions, //每页面显示数量选项
+    showSizeChanger: globalConfig.DBTable.showSizeChanger, // 是否显示修改每页显示数量的选项
+    pageSizeOptions: globalConfig.DBTable.pageSizeOptions, // 每页面显示数量选项
     total: 0,  // 总共有多少条数据
   };
 
@@ -326,8 +326,8 @@ class DBTable extends React.PureComponent {
    *
    * @param page
    */
-  handleShowPageChange = async(page,pageSize) => {
-    logger.debug('handlShowPageSizeChange, page = %d', page);
+  handleShowPageChange = async(page, pageSize) => {
+    logger.debug('handleShowPageSizeChange, page = %d', page);
     const res = await this.select(this.state.queryObj, page, pageSize);
     if (res.success) {
       this.setState({
@@ -404,7 +404,8 @@ class DBTable extends React.PureComponent {
                     tableConfig={this.tableConfig} tableName={this.tableName}/>
         <InnerPagination currentPage={this.state.currentPage} total={this.state.total} pageSize={this.state.pageSize}
                          parentHandlePageChange={this.handlePageChange} tableConfig={this.tableConfig}
-                         showSizeChanger={this.state.showSizeChanger} parentHandleShowPageChange={this.handleShowPageChange}
+                         showSizeChanger={this.state.showSizeChanger} pageSizeOptions={this.state.pageSizeOptions}
+                         parentHandleShowPageChange={this.handleShowPageChange}
                          tableName={this.tableName}/>
       </Spin>
     );

src/config.js

@@ -64,8 +64,8 @@ module.exports = {
 
   DBTable: {  // DBTable组件相关配置
     pageSize: 50, // 表格每页显示多少条数据
-    showSizeChanger:true, //是否可以修改每页显示多少条数据
-    pageSizeOptions:['10', '20', '50', '100'], //显示每页显示多少条数据的选项
+    showSizeChanger: true, // 是否可以修改每页显示多少条数据
+    pageSizeOptions: ['10', '20', '50', '100'], // 指定每页可以显示多少条
 
     default: {  // 针对每个表格的默认配置
       showExport: true,  // 显示导出按钮, 默认true