Jbox 父页面 获取 子页面 form 数据 并提交到后台
2017-08-24 10:54
260 查看
Jbox 父页面 获取 子页面 form 数据 并提交到后台
父页面
function addNew(dept){ top.$.jBox.open("iframe:${ctx}/bus/busPeopleParty/form?createDept="+dept,"新增村委成员", 1150, 500, { buttons:{"确认":"ok", "关闭":true}, submit:function(v, h, f){ if(v=="ok"){ var data=h.find("iframe")[0].contentWindow.$("#inputForm").serialize(); var url = "${ctx}/bus/busPeopleParty/ajaxSave"; $.ajax({ type: 'POST', url : url, data: data, //获取表单数据 success : function(data) { if (data.result) { alert("保存成功"); window.parent.page(); //调用父窗体方法,当关闭子窗体刷新父窗体 window.parent.window.jBox.close(); //关闭子窗体 } else { alert("保存失败:"+data.message); window.parent.page(); window.parent.window.jBox.close(); } } }); self.location.reload(); // 主窗口刷新 } }, loaded:function(h){ $(".jbox-content", top.document).css("overflow-y","hidden"); } }); }
子页面
<form:form id="inputForm" modelAttribute="busPeopleParty" action="${ctx}/bus/busPeopleParty/save" method="post" class="form-horizontal"> <form:hidden path="id"/> <input style="display:none;" id="dept" type="text" name="dept" value="${param.createDept}" /> <sys:message content="${message}"/> <div class="control-group"> <label class="control-label">编号:</label> <div class="controls"> <form:input path="code" htmlEscape="false" maxlength="255" class="input-xlarge "/> </div> </div> <div class="control-group"> <label class="control-label">组:</label> <div class="controls"> <form:input path="groups" htmlEscape="false" maxlength="255" class="input-xlarge "/> </div> </div> <div class="control-group"> <label class="control-label">备注信息:</label> <div class="controls"> <form:textarea path="remarks" htmlEscape="false" rows="4" maxlength="255" class="input-xxlarge "/> </div> </div> <div class="control-group"> <label class="control-label">父级编号:</label> <div class="controls"> </div> </div> <div class="control-group"> <label class="control-label">是否村委成员:</label> <div class="controls"> <form:input path="inParty" htmlEscape="false" maxlength="255" class="input-xlarge "/> </div> </div> </form:form>
Jbox QQ 交流群 621031233
相关文章推荐
- 在phpstorm中利用post方法提交form表单后,在响应页面获取不到数据的解决办法
- form enctype:"multipart/form-data",method:"post" 提交表单,后台获取不到数据
- multipart/form-data post 方法提交表单,后台获取不到数据
- multipart/form-data post 方法提交表单,后台获取不到数据
- 关于showmodaldialog 打开新窗口后提交表单操作时,避免弹出新窗口和避免从后台获取“新数据”后不能刷新当前模态页面的解决方案
- form 表的post提交,其中一个超多数据的input标签在后台获取数据被截断的解决方法
- form enctype:"multipart/form-data",method:"post" 提交表单,后台获取不到数据
- form表单提交,后台获取不到参数值问题(前题是页面参数正常没有错误)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- spring mvc IE8下JSP页面form表单提交后台不能获取值
- SpringBind对象到页面时,用ajax提交form表单内容,后台无法获取绑定对象问题
- form表单在firefox下提交 后台获取到数据,但是在IE8下后台却只能获取部分值
- .netMVC:Web页面向后台提交数据的方式和选择
- Form表单只提交数据而不进行页面跳转的方法
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- Form表单只提交数据而不进行页面跳转的方法
- form提交,能够提交input的值到后台(后台通过空间的name属性,获取参数值),可以提交div的值到后台吗?
- 关于ExtJs前台Form获取后台的JSON数据
- jsp form表单提交获取返回数据(也可用来上传文件、图片)