因为公司要求,赶鸭子上架用了layui,说说使用心得。
需求是保存成功后弹出消息提示框,然后关闭表单。然后不知为何,就是弹不出消息框。
form.on('submit(*)', function (data) {
var load = layer.load(1)
layer.msg("保存成功")
return true; // 立刻关闭,不显示msg,清空表单
});
form.on('submit(*)', function (data) {
var load = layer.load(1)
layer.msg("保存成功")
return false; // 不会关闭,显示msg,不会清空表单
});
干脆使用window.location.reload(); 刷新页面,既可以关闭,也可以显示,还会清空表单
form.on('submit(*)', function (data) {
return sumbit(obj, "insertHtLabel"); // 显示msg,清空表单,之后会关闭
});
function sumbit(obj, action) {
var load = layer.load(1)
$.ajax({
url: action,
type: "POST",
data: obj,
success: function (res) {
if (res.code === 200) {
layer.msg("保存成功")
setTimeout(function () {
layer.closeAll()
window.location.reload(); // 刷新
}, 1000)
return true
} else {
layer.msg(res.status)
}
}
});
}
LayUI重置表单,清空表单内容的方法
1、刷新当前页面
window.location.reload();
2、form的reset,此项操作要求我们的表单必须是form的dom,div的则不行,无法触发。
<form class="layui-form" action="" id="form_info">
主题内容
</form>
// 通过ID查找并reset表单即可。
$("#form_info")[0].reset();
layui.form.render();