miniUI中弹出框问题

时间：2023-03-09 13:31:51
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();

        }

    }

});

不同选择进入不同情况

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

相关文章