如何在bootstrap-table中使用ajax的服务器端分页?

时间:2016-06-13 12:26:28

标签: spring-mvc twitter-bootstrap-3 pagination bootstrap-table

我正在寻找一种方法来为spring mvc实现bootstrap-table的服务器端(paginationdata-side-pagination="server")。我想部分地根据用户点击的分页页面ID从控制器检索数据。我搜索了很多,但无法通过互联网找到任何好的资源。

1 个答案:

答案 0 :(得分:1)

希望这会有所帮助:


    $(document).ready(function(){
        ajaxGet();
    });

    function ajaxGet(){
        var table_params = $('#docs_table').bootstrapTable({
            url: 'ajax/test_1/data?',
            queryParams: function (p) {
                return {
                    limit: p.limit,
                    offset: p.offset,
                    sort: p.sort,
                    order: p.order,
                    search: p.search,
                    'data[]': [other data],//for multi-select filter

                };
            }
        });
        $('#docs_table').bootstrapTable('refresh');
    }

您将在服务器端接收如下参数:

分页参数

  1. 限制 - $ _GET ['offset']
  2. 偏移 - $ _GET ['偏移']
  3. 数据操作参数

    1. 搜索 - $ _Get ['search']
    2. 排序 - $ _Get ['sort']
    3. 订单 - $ _Get ['order']
    4. 参考:: Python example