zoukankan      html  css  js  c++  java
  • miniUI中弹出框问题

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

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

    弹出按钮
    <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();
            }
        }
    });
    不同选择进入不同情况

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

  • 相关阅读:
    SSH框架学习笔记(六)----hibernate关联映射注解
    1. Elasticsearch startup on local
    Oracle PL/SQL 入门
    单例模式的两种实现方式对比:DCL (double check idiom)双重检查 和 lazy initialization holder class(静态内部类)
    单例模式中用volatile和synchronized来满足双重检查锁机制
    Java反射机制可以动态修改实例中final修饰的成员变量吗?
    left join 条件区别
    Java应用程序项目的打包与发行(run.bat形式)
    Eclipse调试常用技巧(转)
    PhoneGap: Android 自定义组件
  • 原文地址:https://www.cnblogs.com/yzssoft/p/6970443.html
Copyright © 2011-2022 走看看