bootstrapTable 表格初始化问题

bootstrapTable 使用遇到的问题,
返回数据不能初始化表格。有数据返回。原因返回参数需要进行处理
返回格式json. 返回对象不要返回字符串哦~~
处理方法 responseHandler:responseHandler,

responseHandler=function (res) {
if (res.success) {
return {
“rows” : res.data,
“total” : res.data,
};
} else {
return {
“rows” : [],
“total” : 0
};
}
}

onloadsuccess 需要了解一下和这个参数的区别和先后顺序。
完整代码:

var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$(’#Table’).bootstrapTable({
url: ‘trafficFutureAnalysisController/timeData.do?type=table’, //请求后台的URL(
method: ‘get’, //请求方式(

toolbar: ‘#toolbar’, //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(
pagination: true, //是否显示分页(

sortable: false, //是否启用排序
sortOrder: “asc”, //排序方式
queryParams: oTableInit.queryParams,//传递参数(
sidePagination: “server”, //分页方式:client客户端分页,server服务端分页(

pageNumber:1, //初始化加载第一页,默认第一页
pageSize: 10, //每页的记录行数(
pageList: [10, 25, 50, 100], //可供选择的每页的行数(

strictSearch: true,
minimumCountColumns: 2, //最少允许的列数
height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: “ID”, //每一行的唯一标识,一般为主键列
detailView: false,
responseHandler:oTableInit.responseHandler,
columns: [{
field: ‘xs’,
title: ‘小时’
}, {
field: ‘count’,
title: ‘事故次数’
}, {
field: ‘Level’,
title: ‘比例’
} ]
// onLoadSuccess: function(data){
// console.log(data.data)
// $("#Table").bootstrapTable(“load”,data.data)
// }
});
};

//得到查询的参数
oTableInit.queryParams = function (params) {
    var temp = $(".form-inline").serialize();
    return temp;
};

oTableInit.responseHandler=function (res) {
	if (res.success) {
		return {
			"rows" : res.data,
			"total" : res.data,
		};
	} else {
		return {
			"rows" : [],
			"total" : 0
		};
	}
}

return oTableInit;

};

猜你喜欢

转载自blog.csdn.net/qq_21179679/article/details/84864320
今日推荐