How to get pagination and sort parameters?

[luqin]

由于这个库不支持服务端分页，所以我需要获取分页和排序参数，用于自己构造服务端分页dataSource。
请问能提供这个支持吗？由于目前不能升级react0.14，因此使用的版本：

"react-bootstrap": "^0.26.2"

希望能提供接口支持，谢谢。

[AllenFang]

I will think about that, maybe provide the on page changing or on sorting hook, because component is hard to open static public api. You can see my answer for #70

[luqin]

@AllenFang 👍

[luqin]

后续的接口如何设计？

[AllenFang]

Like I said, I will provide a hook (callback) for after page changing or sorting and pass these data as params, so you can get it. Currently, I've no idea for provide a public method on some class. any idea?

[luqin]

@AllenFang

options:{
        page: 0,  //默认显示页数
        sizePerPageList: [5,10,30,50,100], //分页选择数量
        sizePerPage: 10,  //每页分页大小数量
        paginationSize: 10  //显示分页数按钮个数
        dataTotalSize:30,    //总共数据大小

        onPageChange:handlePageChange, //分页变更事件
        onSortChange:handleSortChange //排序事件
      }

我已经实现了如上接口的功能，分页和排序变化时传入一个回调如何？

[AllenFang]

@luqin, good design. but dataTotalSize is means the remote fetching max size?

[luqin]

@AllenFang yes

[AllenFang]

This should be better

options:{
        page: 0,  //默认显示页数
        sizePerPageList: [5,10,30,50,100], //分页选择数量
        sizePerPage: 10,  //每页分页大小数量
        paginationSize: 10,  //显示分页数按钮个数
        fetchInfo: {
                dataTotalSize:30,    //总共数据大小
                //......
        },
        onPageChange:handlePageChange, //分页变更事件
        onSortChange:handleSortChange //排序事件
      }

[AllenFang]

@luqin I'll implement this function (get pagination and sort parameters) in these day

[luqin]

我已经实现了分页和排序，remote 数据 写了个demo

[luqin]

分页和排序这样如何？

options:{
        page: 0,  //默认显示页数
        sizePerPageList: [5,10,30,50,100], //分页选择数量
        sizePerPage: 10,  //每页分页大小数量
        paginationSize: 10,  

        onPageChange:handlePageChange, //分页变更事件
        onsizePerPageChange:handlePageChange, //每页数量变更事件
        onSortChange:handleSortChange //排序事件
      }

[AllenFang]

OK

[jflayhart]

Is this some way to add a totalPages feature? All I need this plugin to do that it doesn't do already is set the total number of available pages to what I get back from my server. For example, if there are 50 pages of available data, then I set

options: {
  totalPages: 50
}

[AllenFang]

There's no way to do, but maybe you can try this

[EastonCodings]

pagination 请问，如何在页面加载的时候，隐藏分页button，当触发button查询事件时，再显示出来 。。。

const options = {
...config.defaultTableOptions,
page: this.props.pageInfo ? this.props.pageInfo.number : 1,
sizePerPage: this.props.pageInfo ? this.props.pageInfo.size : 10,
onPageChange: this.changePage,
sizePerPageList: [{
text: '10', value: 10
}, {
text: '20', value: 20
}, {
text: '30', value: 30
}],
paginationShowsTotal: this.showsTotal
};
return (
<BootstrapTable data={this.props.tableAllUsers}
options={options} striped hover condensed
pagination={true}
remote={true}
// checkbox
selectRow={selectRowProp}
fetchInfo={{ dataTotalSize: this.props.pageInfo ? this.props.pageInfo.totalElements : 0 }}>
......）