使用layer弹窗和layui表单实现新增功能

前端之家收集整理的这篇文章主要介绍了使用layer弹窗和layui表单实现新增功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面

2.实现

a* 页面效果

b*页面代码

--构建from表单

required style="width: 240px" lay-verify="required" placeholder="请输入配置类型" autocomplete="off" class="layui-input">
required style="width: 240px" lay-verify="required" placeholder="请输入配置值" autocomplete="off" class="layui-input">
立即提交

c*js代码

-创建layer弹窗

页面层-自定义 layer.open({ type: 1,title:"新建配置",closeBtn: false,shift: 2,area: ['400px','300px'],shadeClose: true,// btn: ['新增','取消'],// btnAlign: 'c',content: $("#add-main"),success: function(layero,index){},yes:function(){ } }); }

-核心提交方法

页面刷新 return false }) } },'json'); } debugger; //关闭页面 function CloseWin(){ parent.location.reload(); // 父页面刷新 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index); //再执行关闭 }

d*后台代码

-

总结

以上所述是小编给大家介绍的使用layer弹窗和layui表单做新增功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章