miniUI中弹出框问题
---恢复内容开始---
设置页面弹出框并提交弹出框内容
弹出按钮 <a class="btn_color_1" onclick="onEdit(0)"> 新增</a> 弹出框 <div id="editWindow1" class="mini-window" title="新增企业" style="width:800px; height :600px;" showModal="true" allowResize="true" allowDrag="true"> <form class="editForm1" name="myform" title="企业"id="editForm1" action="${ctx}/tAXINFO/save" method="post" > <div style="width: 100%;height: 300px"> <input class="mini-hidden" name="ID"/> <input class="mini-hidden" name="NSRLX" value="1"/> <div class="mini-tabs" activeIndex="0" > <div title="企业基本情况" > <table> <tr> <td width="100" align="right">纳税人名称:</td> <td > <input name="NSR" emptyText="纳税人名称" class="mini-textbox" width="200" /> </td> </tr> </table> </div> </div> </div> <div id="xian1" style=""> <a class="btn_color_1" id="BtnSaveBack1" onclick=" $('#editForm1').submit();"><i class="fa fa-save"></i> 保存</a> <a class="btn_color_1" id="BtnBack1" onclick="editWindow1.hide()"><i class="fa fa-close"></i> 关闭</a> </div> </form> </div> <script type="text/javascript"> var editWindow1= mini.get("editWindow1"), /*div后需紧跟form才可获取,以获取表单内 内容*/ ditForm1 = new mini.Form("#editForm1"); function onEdit(id) { editForm1.clear();//清除弹出框内容 editWindow1.show();//弹出弹出框 } </script> 当发生以下情况时 <div id="editWindow1" class="mini-window" title="新增企业" showModal="true" allowResize="true" allowDrag="true"> <div class="mini-tabs" activeIndex="0" > <form title="企业"id="editForm1" action="${ctx}/tAXINFO/save" method="post" > </form> <form title="企业"id="editForm1" action="${ctx}/tAXINFO/save" method="post" > </form> </div> </div> 此时 class="mini-tabs"可以使两个form表单并列, 但与id="editForm1"相冲突,使 ditForm1 = new mini.Form("#editForm1"); 无法获取到,无法提交
设置类似boolean型的弹出框
mini.showMessageBox({ title: "请选择", buttons: ["企业", "个体户"], callback: function (action) { if(action=="企业"){ editWindow1.show(); }else if(action=="个体户"){ editWindow2.show(); } } }); 不同选择进入不同情况
---恢复内容结束---