layui表格弹窗修改_使用layer弹窗和layui表单实现新增功能

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

2019-01-08

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

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

2.实现

--构建from表单

配置名称

required value="" 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">

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); //再执行关闭

}

-

总结

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

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250