• 弹出子窗口并传值给父窗口


    新建父窗口页面:

    加入以下脚本

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>First</title>
    </head>

    <script type="text/javascript">
    function ShowDialog(Url)
    {
          var  iWidth=560; //模态窗口宽度
          var  iHeight=300;//模态窗口高度
          var  iTop=(window.screen.height-iHeight-100)/2;
          var  iLeft=(window.screen.width-iWidth)/2;
          var returnValue=window.showModalDialog(Url, "newwindow", "dialogHeight:"+iHeight+"px; dialogWidth:"+iWidth+"px; toolbar:no; menubar:no; scrollbars:no; resizable:no; location:no; status:no;left:200px;top:100px;");
          document.getElementById("TextBox1").innerText=returnValue;
    }
    </script>

    <body>
        <form id="form1" runat="server">
             <input id="Button1" type="button" value="button" onclick="ShowDialog('./second.aspx')" />
             <div><asp:TextBox ID="TextBox1" runat="server" Width="67px"></asp:TextBox></div>

         </form>
    </body>
    </html>

    创建second.html页面:

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>second</title>
        <!--<base target="_self" ></base>-->
    </head>
    <script language="javascript">
        function closeDiag()
        {
            window.opener=null;
            window.close();
        } 
       
        function OK()
        {
            var Value=document.getElementsByName("myRadio");
            for(var i=0;i<Value.length;i++)
            {
                if(Value[i].checked)
                { 
                    window.returnValue = Value[i].value;
                    window.close();
                }
                else
                {
                    document.getElementById("Lab_Info").innerText="没有选中项,请选择!";
                }
            }     
        } 
    </script>
    <body>
        <form id="form1" runat="server">

        <div>

              <asp:DataGrid ID="dgSjygl" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                            BackColor="White" Font-Size="9pt" PageSize="5" Width="100%" Height="127px" OnItemDataBound="dgSjygl_ItemDataBound">
                            <PagerStyle Mode="NumericPages" />
                            <AlternatingItemStyle BackColor="Gainsboro" />
                            <ItemStyle BackColor="#EEEEEE" ForeColor="Black" HorizontalAlign="Center" />
                            <Columns>
                                <asp:TemplateColumn>            
                                    <HeaderTemplate>
                                        <label>选择</label>
                                    </HeaderTemplate>
                                    <ItemTemplate>                                   
                                        <input type="radio" id="myRadio" name="myRadio"  value='<%# DataBinder.Eval(Container.DataItem, "id") %>'>
                                    </ItemTemplate>
                                    <HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="60px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:TemplateColumn>
                                <asp:BoundColumn DataField="ID" HeaderText="编号">
                                    <HeaderStyle Font-Bold="True"  Width="75px" HorizontalAlign="Center"/>
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="MC" HeaderText="名称">
                                    <HeaderStyle Font-Bold="True"  Width="90px" HorizontalAlign="Center"/>
                                    <ItemStyle HorizontalAlign="Center" />
                                </asp:BoundColumn>
                                <asp:BoundColumn DataField="BT" HeaderText="标题">
                                    <HeaderStyle Font-Bold="True" HorizontalAlign="Center"/>
                                </asp:BoundColumn>
                            </Columns>
                            <HeaderStyle BackColor="#7481BA" ForeColor="Yellow" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Font-Size="Small" />
                        </asp:DataGrid>

        </div>
        <div>

              <input id="Btn_OK" type="button" onclick="OK()" value="确 定"/>
              <input id="Btn_Cancel" type="button" onclick="clickDiag()"  value="取 消" />

         </div>       
        </form>
    </body>
    </html>

    如果大家还有其它好的方法,希望能给我留言。

    共同交流 共同学习 共同进步

  • 相关阅读:
    C++细节决定成败---菜鸡程序员被前辈蹂躏历程(持续更新)
    VIM杂记——基本使用
    UE4——用Android Studio打开UE4工程
    UE4——打包时遇到Could not determine java version from 'xx.x.x'的问题
    HTML笔记——常用标签总结
    LeetCode——142. Linked List Cycle II
    Leetcode——344. Reverse String
    UE4 隐藏虚拟摇杆
    UE4——实现走近物件其上方出现互动按钮并弹出UMG的功能
    UE4——调用API实现布娃娃死亡效果
  • 原文地址:https://www.cnblogs.com/ZHF/p/1326096.html
Copyright © 2020-2023  润新知