bootstrapTable加载

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

客户端分页:

$('#tableID').bootstrapTable('destroy');
function addTable();
$('#tableID').bootstrapTable('load', data);
 
服务器端分页:
function tableInit (fdp) {
        $('#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: []
}

猜你喜欢

转载自www.cnblogs.com/lily-sblog666/p/10645317.html