//html
<table id="dailyDevTable"></table>
//js
$(function () {
initTable();
});
function initTable() {
var oTable = new TableInit();
oTable.Init();
}
var TableInit = function () {
var oTableInit = new Object();
//初始化Table
oTableInit.Init = function () {
$('#dailyDevTable').bootstrapTable('destroy');
$('#dailyDevTable').bootstrapTable({
url: '/daily/dailyDev/getDailyList',//请求后台的URL（*）
method: 'get', //请求方式（*）
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存，默认为true（*）
pagination: true, //是否显示分页（*）
queryParams: oTableInit.queryParams,//传递参数（*）
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
pageSize: 10, //每页的记录行数（*）
columns: [{
checkbox: true
}, {
field: 'dailyId',
visible: false //隐藏列
}, {
field: 'userId',
visible: false
},{
field: 'dailyName',
title: '日报名称'
}, {
field: 'deptName',
title: '部门名称'
}, {
field: 'userName',
title: '填报人'
}, {
field: 'otherinfo',
title: '日报内容',
width: '40%'
}, {
field: 'operate',
title: '操作',
formatter: operateFormatter //自定义方法，添加操作按钮
},
]
});
};
//得到查询的参数
oTableInit.queryParams = function (params) {
var args = { //这里的键的名字和控制器的变量名必须一致
limit: params.limit, //页面大小
offset: params.offset //页码
};
return args;
};
return oTableInit;
};
function operateFormatter(value, row, index) {//赋予的参数
return [
'<a class="btn btn-success btn-sm" ' +
'onclick="initVisit(\''+row.userId+'\',\''+row.dailyName+'\',\''+row.dailyId+'\')">' +
'<i class="fa fa-clone"></i></a>'
].join('');
}
//查看详细
function initVisit(userId,dailyName,dailyId){
//todo
}//java
@GetMapping("/getDevData")
@ResponseBody
public PageUtils getDevData(int limit,int offset){
List<Map<String,Object>> list = new ArrayList<>();
for (int i = 1; i <= limit; i++) {
Map<String,Object> map = new HashMap<>();
map.put("dailyName","日报名称"+Integer.toString(offset+i));
map.put("deptName","部门名称"+Integer.toString(offset+i));
map.put("userName","填报人"+Integer.toString(offset+i));
map.put("otherInfo","日报内容"+Integer.toString(offset+i));
list.add(map);
}
PageUtils pageUtils = new PageUtils(list,100);
return pageUtils;
}
//返回分页查询数据类
public class PageUtils implements Serializable {
private static final long serialVersionUID = 1L;
private int total;
private List<?> rows;
public PageUtils(List<?> list, int total) {
this.rows = list;
this.total = total;
}
public int getTotal() {
return total;
}
public void setTotal(int total) {
this.total = total;
}
public List<?> getRows() {
return rows;
}
public void setRows(List<?> rows) {
this.rows = rows;
}
}