1. 程式人生 > >bootstrapTable 表格初始化問題

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;

};