前言
使用layui做项目中的问题，随手解决随手记，方便下次自己不会在上面出错了，也给使用layui的伙伴们避个雷。
我在做一个表单的添加，弹出一个layer弹出层，然后填写里面的表单进行提交保存的操作，一个很简单的流程，里面有些小小的注意的点让我绕了不少的圈子。
此前我都是一个表格里的数据通过layui的url接口传到servelet中，layer里面的表单提交用的form表单，当我使用它的action提交时，出现了1.数据传不过去
2.当我想看前面我写的代码，表单我怎么提交时，我看到了这个东西，
于是我把这个table.reload方法放进去了，还别说他真的就可以了，当然一个弹出层的表单里，哪有什么表格呢，这玩意对于我们小白实属有点玄学。并且他跳转到了servlet显示一个空白的界面，也不是我想要的效果。
一、摸索后的写法
//监听提交
form.on('submit(formDemo)', function(data){
$.ajax({
url:"/IMS_for_Productive_Enterprises_war_exploded/AddWorkSalary",
type:"POST",
data: data.field,
success:function (){
layer.msg("提交成功!2s后关闭弹窗");
var index=parent.layer.getFrameIndex(window.name);
setTimeout(function(){
parent.layer.close(index);
}, 2000); // 2000 毫秒即 2 秒钟后自动关闭弹框
},error:function (){
layer.msg("提交失败!");
}
})
return false;
});
});
对于那个什么table的重载，肯定是不科学的东西，找到了ajax的教程，模仿写法，formDemo是提交按钮的属性
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
url里同样是servelet的跳转地址，然后就是提交成功后，设置两秒关闭弹窗，不然会一下子关闭。
二、关于头部工具栏
本来是这样的形式我想使用它的三个按钮，在我查询文档，它的这个toolbar：”default“右边的三个按钮是给我们实现了的，至于左边三个我怎么也没找到它的按钮的，可能他就是三个虚假的展示的东西？
于是我只能
这样把他替换了，至于它的那个形式，好像是可以用他的图标替换的，我嫌麻烦就这样。然后你对按钮设置点击事件就好了
总结
写的乱七八糟，希望各位大佬不吝赐教。
原文地址:https://blog.csdn.net/qq_51615662/article/details/131338145
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_9949.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
