layui官方弹出层文档 https://www.layui.com/doc/modules/layer.html#use
记录layui弹出层使用
导入以下两个js
<script th:src="@{/lib/layuiadmin/layui/layui.all.js}"></script>
<script th:src="@{/lib/jquery/jquery-1.11.3.min.js}"></script>
普通的确认,提示弹出层
//删除方法
function deleteData(id) {
var commonvo = {
"id" : id,
"bean" : "com.xny.base.model.RsysUser"
};
var url = basePath + "/sysComEdit/comDeleteInfo";
//询问框
layer.confirm('真的删除?', {//询问
}, function() {//确定后执行的事件
$.ajax({
type : "post",
url : url,
contentType : 'application/json;charset=UTF-8',
datatype : "json",
data : JSON.stringify(commonvo),//转化为json字符串
success : function(data) {
if ($.trim(data) == "true") {
layer.msg('操作成功', {//提示
icon : 1
});
window.setTimeout("javascript:location.href='/usersz'",
20);
} else {
layer.msg('删除失败', {
icon : 2
});
}
}
});
}, function() {//取消
});
}
layer
注意使用layer时,下拉选,单选按钮,时间控件等需要重新渲染
layer.open({
type :1,
title : "高峰低谷修改",
closeBtn : 0,
area : ['40%', '45%' ],
anim : 2,
shadeClose : false,//点击遮罩不能消失
closeBtn : 1,
content : $("#editOne"),
success : function(layero, index) {
$("#editId").val(id);
$("#editName").val(name);
$("#editType").val(type);
laydate.render({//渲染
elem : '#stime',
type : 'time',
format : 'HH:mm',
value : start,
isInitValue : true
,trigger: 'click'
})
laydate.render({
elem : '#etime',
type : 'time',
format : 'HH:mm',
value : end,
isInitValue : true
,trigger: 'click'
})
form.render();
},
cancel : function(index, layero) {
//if (confirm('确定要关闭么')) { //只有当点击confirm框的确定时,该层才会关闭
layer.close(index);
//}
return false;
},
end : function() {
$("#editOne").css("display", "none");
}
})