码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-table分页数据前台不显示

时间:2018-02-01 13:17:01      阅读:948      评论:0      收藏:0      [点我收藏+]

标签:com   div   bootstra   refresh   column   get   不能   条件   apt   

问题:后台返回数据{"total":52,"rows":[{"ztname":"2007年新会计准则科目(李相)","ztid":"003bf550-afa5-47b2-aa43-2e121c60607d"}},前台代码不能显示数据,响应也是正常的

分析原因:没有加参数sidePagination : ‘server‘, // client/server,使用数据分页

代码

    initTable = function(){
        if(DJCWutils.isBootstrapTableLoaded(‘company-list‘)){// 获取id为userAdmin-table的表格元素是否存在,方法详情见utils.js
            $(‘#company-list‘).bootstrapTable(‘refreshOptions‘, {// bootstrap-table内refreshOptions方法,给予指定值刷新指定列
                url : getUrl(),
                columns : initTableColumns()
            });
            return false;                                        // 退出方法
        }
    	console.log("--initTable--");
    	//
    	$("#company-list").bootstrapTable({
    		method : ‘post‘,
    		striped : true,
    		height : 200,
    		cache :false,
    		url : getUrl(),
    		pagination :true,
    		sidePagination : ‘server‘, // client/server
    		pageNumber : 1,
    		pageSize : 5,
    		pageList : [10,20,30,40],
    		paginationLoop : false,
    		columns : initTableColumns(),
            formatLoadingMessage: function() {                    // 表格生成过程中执行的方法
                return ‘请稍等,正在加载中...‘;                        // 返回一串等待文字
            },
            formatNoMatches: function() {                          // 没有匹配的结果执行的方法
                return ‘无符合条件的记录‘;                            // 返回一串提示文字
            },
            onLoadSuccess : function(data) {
            	console.log(data);
            },
    		 queryParams : function(params){
    			 console.log(params);
                 return $.extend({}, params, {
                     ztPeriod : ‘201801‘
                 });
             }
    	})
    	//
    }

 

bootstrap-table分页数据前台不显示

标签:com   div   bootstra   refresh   column   get   不能   条件   apt   

原文地址:https://www.cnblogs.com/lvtao/p/8398127.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!