<div class="panel panel-default">
<div class="panel-body form-horizontal">
<table id="cusTableModel" cellspacing="0" cellpadding="0" border="0" class="cusTable datatable table table-striped table-bordered table-hover dataTable" style="word-break:break-all; word-wrap:break-all;">
</table>
</div>
</div>
function initTable() {
//cusTable 为页面的table对应的ID
$("#cusTable").bootstrapTable('destroy').bootstrapTable({
//请求方法
method: 'post',
contentType:"application/x-www-form-urlencoded",
striped: true,
cache: false,
pagination: true,
sortable: false,
sortOrder: "asc",
pageSize: 10, //每页显示的记录数
pageNumber:1, //当前第几页
pageList: [10, 20, 30, 40, 50], //记录数可选列表
queryParamsType : "undefined",
//这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
url: "/overcharge/showChargeList" ,
queryParams: function(params) {
//传参
var param = {
page: params.pageNumber,
rows: params.pageSize,
parkingName: $("#parkingName").val(),
parkingId: $("#parkingId").val(),
plateNum:$("#plateNum").val(),
};
return param;
},
sidePagination: "server",
strictSearch: true,
pagination: true,
idField : "id",
//行
columns: [
{ field : 'parkingId'},
{ field : 'parkingName', title:'场站名称'},
{ field : 'plateNumber', title:'车牌号'},
{ field: 'contractName', title: '合同名称'},
{ field: 'createTime', title: '超停创建时间'},
{ field: 'startTime', title: '超停开始时间'},
{ field: 'endTime', title: '超停结束时间'},
{ field: 'overstopsTimeMinutes', title: '超停时间(分钟)'},
{ field: 'overstopsMoney', title: '超停费用(元)'},
{ field: 'isEndStatus', title: '是否结束超停',formatter:function(value,row,index){
if (value == 1){
return "未结束";
}else if(value = 2){
return "结束";
}
}},
{ field: '', title: '操作', width: 150, align: 'center', formatter: editAndDeleteButton },
]
});
//隐藏域
$('#cusTable').bootstrapTable('hideColumn', 'parkingId');
}