还原
效果如下：
由于其中'性别'是radio单选框，所以需要判断
//判断性别，并选中对应的radio
if(vm.contents.sex!=''){
if(vm.contents.sex=='MAN') $("#sex:eq(0)").click();
else $("#sex:eq(1)").click();
}还原按钮，即刷新页面：
$("#restore").click(function(){
window.location.reload();
})保存按钮：
$("#save").click(function(){
$("#editUser").submit();
parent.location.reload();
//parent.layer.close(iframe);//如果执行这一步，会导致submit无法提交到服务器，这里用刷新页面使弹窗关闭
})在后台将form数据保存进数据库即可
后续优化：
将B页面form表单的submit提交改为ajax提交，
function save(){
$.ajax({
type:"post",
url:"<%=basePath%>/BSMSys/bUser/save",
data: $("#editUser").serialize(),//序列化表单数据
complete: function() {
parent.layer.close(iframe);//关闭弹窗
}
});
}$('#save').on('click', function(){
save();
});将A页面的layer弹窗添加end函数回调，使弹窗关闭后刷新页面：
function jumpToPage(page){
$.get("<%=basePath%>/BSMSys/bUser/showUser?pageNum="+page, function(data) {
vm.content=data.content;//赋值给vue
currPage = data.number+1;
$('#pager').bootstrapPaginator("show",currPage );//初始化分页插件
});
$("#pageInputGroup").attr("class","input-group");
$("#pageInput").attr("placeholder",function(index,value){
$(this).val("");
return "第"+options.currentPage+"页，共"+options.totalPages+"页";
});
}var userContent
function editSingle(index){
userContent = vm.content[index]
layer.open({
type: 2,
title: '编辑',
area : ['800px' , '520px'],
scrollbar: false,//禁止浏览器滚动
content: '<%=basePath%>/BSMSys/bUser/editSingle',
end:function(){
jumpToPage(options.currentPage);
}
});
}以上是“如何使用layer弹窗制作编辑User信息页面”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道！
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
当前标题：如何使用layer弹窗制作编辑User信息页面-创新互联
本文来源：http://bjjierui.cn/article/phggg.html
