首页 > 技术文章 > miniUI中弹出框问题

yzssoft 原文

---恢复内容开始---

设置页面弹出框并提交弹出框内容

弹出按钮
<a class="btn_color_1" onclick="onEdit(0)"> 新增</a>
弹出框
<div id="editWindow1" class="mini-window" title="新增企业" style="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=" 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();
        }
    }
});
不同选择进入不同情况

---恢复内容结束---

推荐阅读