bootstrapTable服务器端分页

bootstrap table加载：无论是服务器分页还是客户端分页，重新加载表格前请一定先销毁！销毁！销毁！  ！！销毁表格：：

客户端分页：

1. 表格销毁

$('#tableID').bootstrapTable('destroy');

2. 制表

function addTable();

3. 加载表格数据

$('#tableID').bootstrapTable('load', data);

 

服务器端分页：

function tableInit (fdp) {
        // 表格销毁
        $('#tableID').bootstrapTable('destroy');
        // 重新制表
        $('#tableID').bootstrapTable({
            method: 'POST',
            url: url,  // 后端接口地址
            //POST请求 必须包含contentType
            contentType: 'application/x-www-form-urlencoded',  
            // 服务器分页
            sidePagination: 'server',
            queryParams: function (params) {
                // fdp可以是传入的参数，params为内置参数，包含页码等
                fdp.pageSize = params.pageSize;
                fdp.pageNumber = params.pageNumber;
                //  ！！！！！
               // 非常重要！！！当传入的参数（对象）无法封装成对象时，使用下面方法！！ return { strParams: JSON.stringify(fdparam) }
                return { strParams: JSON.stringify(fdparam) };
            },
            pagination: true,
            pageTo: true,
            pageSize: 9,
            pageNumber: 1,
            // striped: true,
            // clickToSelect: true,
            detailFormatter: true,
            detailView: true,
            // search
            // search: true,
            searchAlign: 'right',
            // searchOnEnterKey:true,
            trimOnSearch: true,
            undefinedText: '-',
            pageList: [],
            queryParamsType: '',
            paginationLoop: true,
            strictSearch: false,
            responseHandler: function (res) {
                    var data = res.result.result;
                    return {
                        'total': rowlength, //总的数据长度
                        'rows': row //单页查询返回的数据
                    }
            },
            // showPaginationSwitch: true, 
            columns: []
}

 ps:::服务器端分页的请求参数（queryParams）一定是一个封装的json对象，传入不成功，需要进行转换！