[JavaScript] 纯文本查看 复制代码
$('#userTable').bootstrapTable({
url: '/admin/user/list', //请求后台的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: 5, //每页的记录行数（*）
pageList: [5,10,15,20], //可供选择的每页的行数（*）
search: true, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
strictSearch: true,
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: false, //是否启用点击选中行
// height: 425, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
uniqueId: "id", //每一行的唯一标识，一般为主键列
showToggle:false, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
showExport: false,
columns: [{
checkbox: true,
align: 'center',
valign: 'middle'
}, {
field: 'username',
title: '用户名'
}, {
field: 'phone',
title: '电话'
}, {
field: 'sex',
title: '性别',
formatter:sexFormatter
}, {
field: 'remarks',
title: '备注'
}, {
field: "id",
title: "操作",
formatter: actionFormatter,
align: 'center',
valign: 'middle'
}]
});[Java] 纯文本查看 复制代码
@RequestMapping("/list")
@ResponseBody
public Map list(int limit, int offset, String search) {
if(offset !=0){
offset = offset/limit;
}
offset+= 1;
EntityWrapper<User> ew=new EntityWrapper();
ew.like("username",search).orderBy("id",false);
Page<User> page = userService.selectPage(new Page<User>(offset, limit),ew);
Map<String, Object> map = new HashMap();
map.put("total", page.getTotal());
map.put("rows",page.getRecords());
return map;
}[JavaScript] 纯文本查看 复制代码
function actionFormatter(value, row, index) {
var state = row.state;
var id = row.id;
var res = '<button data-toggle="modal" class="btn btn-primary btn-xs" href="list.html#modal-form" data-row='+id+'>修改</button>';
if (state == 1)
res += ' <button type="button" class="btn btn-default btn-xs" >禁用</button>';
else
res += ' <button type="button" class="btn btn-info btn-xs" >启用</button>';
res += ' <button type="button" class="btn btn-danger btn-xs">删除</button>';
return res;
}[JavaScript] 纯文本查看 复制代码
var users = new Array()
users = getIdSelections();
if(users.length <=0){
layer.alert("请选择一条数据");
return;
}
layer.confirm('您确定要删除' + users.length + '条数据', {
btn: ['确定','取消'] //按钮
}, function(){
$.ajax({
type: 'POST',
url: "deleteBatch",
data: {ids: users},
traditional: true,//这里设置为true
success: function (status) {
if (status == 1) {
layer.msg('删除成功', {icon: 1});
$('#userTable').bootstrapTable('refresh', {url: '/admin/user/list'});
}else {
layer.msg('删除失败', {icon: 1});
}
},
dataType: "json"
});
}, function(){
layer.msg('您已取消操作', {
time: 1000, //20s后自动关闭
btn: ['明白了', '知道了']
});
});
