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

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

  • 相关阅读:
    第十二节:类的定义
    第十二节:类的定义
    第十二节:类的定义
    Android核心技术Intent和数据存储篇
    Android核心技术Intent和数据存储篇
    Android核心技术Intent和数据存储篇
    ObjectDataSource配置数据源的时候,选择业务对象下拉菜单没有任何东西
    两个时间相差多少 .net中的timespan应用
    net3:DropDownList的动态绑定
    ADO:DataSet存入缓存Cache中并使用
  • 原文地址:https://www.cnblogs.com/yzssoft/p/6970443.html
Copyright © 2011-2022 走看看