今天是2021-2-10
一。bootstrap
boostrap表格的refreshOptions方法可以重新定义表格初始化需要的参数:
$("#user_information").bootstrapTable('refreshOptions',{
url: "/user/research",
method: 'get', //请求方式(*)
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true,
contentType:"application/x-www-form-urlencoded; charset=UTF-8",
queryParamsType : '',
showRefresh: true,
queryParams:function (params) {
return{
pageNum:params.pageNumber,
pageSize:params.pageSize,
search:search
}
},
toolbarAlign:'right',
buttonsAlign:'right',//按钮对齐方式
toolbar:'#userToolbar',//指定工作栏
sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*)
pageNumber: 1, //初始化加载第一页,默认第一页
pageSize: 5, //每页的记录行数(*)
height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: "id", //每一行的唯一标识,一般为主键列
columns: [
{
field: 'id',
title: 'id',
width:310
},
{
field: 'userName',
title: '用户名',
width:310
},
{
field: 'isLock',
title: '是否被锁定',
width:310,
formatter:function (value) {
if (value===0){
return '否'
}else if(value===1){
return '是'
}
}
},
{
title:'操作',
field:'Button',
align:'center',
events: operateUserEvents,//事件
formatter:AddFunctionUser ,//添加按钮
width:620
}
],
locale:'zh-CN',//中文支持,
}
)
二。jquery-confirm
引入:
<link href="/css/jquery-confirm.css" rel="stylesheet">
<script src="/js/jquery-confirm.js"></script>
//点击修改按钮
"click #updateUser":function (e,value,row,index) {
$.confirm({
title:"警告",
content:"确认修改该用户的锁定状态?",
theme:"bootstrap",
buttons:{
ok:{
text:"确认",
action:function(){
$.ajax({
url:"/user/update_authority?id="+row.id,
type:"get",
success:function (result) {
alert(result.msg)
$("#user_information").bootstrapTable('destroy');
userInit();
}
})
}
},
cancel:{
text:"取消"
}
}
})
},
注意:webjars的版本太低,不建议使用。去jquery-confirm官网下载