ASPxClientPopupControlBase.Hide Method

Closes the control’s window.

Declaration

Hide(): void

Remarks

Use the Hide method on the client side to hide the control’s window.

Example

The example illustrates how to return values from the ASPxPopupControl’s ASPxPopupControlBase.ContentUrl page. The ContentUrl page calls the “HidePopupAndShowInfo” function, which is defined on the parent page. The function is called on the client and server sides.

How to manipulate client-side objects within a ASPxPopupControl with the specified ContentUrl
How to return values from the ASPxPopupControl’s ContentCollection and close the popup on both client and server sides
PopupControl - How to pass parameter to Parent Window (from ContentUrl page) and close PopupControl
ASPxSplitter - How to return a value from a page specified via SplitterPane.ContentUrl

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-return-values-from-the-aspxpopupcontrols-contenturl-page-and-close-the-popup-on-both-e3098

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">
        function OnBtnShowPopupClick() {
            popup.Show();
        }
        function HidePopupAndShowInfo(closedBy, returnValue) {
            popup.Hide();
            alert('Closed By: ' + closedBy + '\nReturn Value: ' + returnValue);
        }
    </script>

    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="btnShowPopup" type="button" onclick="OnBtnShowPopupClick();" value="Show Popup" />
            <dx:ASPxPopupControl ID="popup" runat="server" ClientInstanceName="popup" ContentUrl="~/PopupContent.aspx"
                Width="300px" Height="200px">
            </dx:ASPxPopupControl>

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

using System;
public partial class popupContent : System.Web.UI.Page {
    protected void btnServer_Click(object sender, EventArgs e) {
        string startUpScript = string.Format("window.parent.HidePopupAndShowInfo('Server','{0}');", textBox.Text);
        Page.ClientScript.RegisterStartupScript(this.GetType(), "ANY_KEY", startUpScript, true);
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PopupContent.aspx.cs" Inherits="popupContent" %>

<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">
        function OnBtnClientClick(s, e) {
            window.parent.HidePopupAndShowInfo('Client', textBox.GetText());
        }
    </script>

    <title>Popup Content</title>
</head>
<body>
    <form id="form1" runat="server">
        <dx:ASPxTextBox ID="textBox" runat="server" Width="170px" ClientInstanceName="textBox">
        </dx:ASPxTextBox>
        <table>
            <tr>
                <td>
                    <dx:ASPxButton ID="btnClient" runat="server" Text="Client" AutoPostBack="False" ClientInstanceName="btnClient">
                        <ClientSideEvents Click="OnBtnClientClick" />
                    </dx:ASPxButton>
                </td>
                <td>
                    <dx:ASPxButton ID="btnServer" runat="server" Text="Server" OnClick="btnServer_Click">
                    </dx:ASPxButton>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

using System;
public partial class _Default : System.Web.UI.Page {
}

<%@ Page Language="vb" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">
        function OnBtnShowPopupClick() {
            popup.Show();
        }
        function HidePopupAndShowInfo(closedBy, returnValue) {
            popup.Hide();
            alert('Closed By: ' + closedBy + '\nReturn Value: ' + returnValue);
        }
    </script>

    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="btnShowPopup" type="button" onclick="OnBtnShowPopupClick();" value="Show Popup" />
            <dx:ASPxPopupControl ID="popup" runat="server" ClientInstanceName="popup" ContentUrl="~/PopupContent.aspx"
                Width="300px" Height="200px">
            </dx:ASPxPopupControl>

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

Imports Microsoft.VisualBasic
Imports System
Partial Public Class _Default
    Inherits System.Web.UI.Page
End Class

Imports Microsoft.VisualBasic
Imports System
Partial Public Class popupContent
    Inherits System.Web.UI.Page
    Protected Sub btnServer_Click(ByVal sender As Object, ByVal e As EventArgs)
        Dim startUpScript As String = String.Format("window.parent.HidePopupAndShowInfo('Server','{0}');", textBox.Text)
        Page.ClientScript.RegisterStartupScript(Me.GetType(), "ANY_KEY", startUpScript, True)
    End Sub
End Class

<%@ Page Language="vb" AutoEventWireup="true" CodeFile="PopupContent.aspx.vb" Inherits="popupContent" %>

<%@ Register Assembly="DevExpress.Web.v13.1, Version=13.1.5.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script type="text/javascript">
        function OnBtnClientClick(s, e) {
            window.parent.HidePopupAndShowInfo('Client', textBox.GetText());
        }
    </script>

    <title>Popup Content</title>
</head>
<body>
    <form id="form1" runat="server">
        <dx:ASPxTextBox ID="textBox" runat="server" Width="170px" ClientInstanceName="textBox">
        </dx:ASPxTextBox>
        <table>
            <tr>
                <td>
                    <dx:ASPxButton ID="btnClient" runat="server" Text="Client" AutoPostBack="False" ClientInstanceName="btnClient">
                        <ClientSideEvents Click="OnBtnClientClick" />
                    </dx:ASPxButton>
                </td>
                <td>
                    <dx:ASPxButton ID="btnServer" runat="server" Text="Server" OnClick="btnServer_Click">
                    </dx:ASPxButton>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

Controls

Tools

Controls and Extensions

Tools

Maintenance Mode

Controls

Tools

Controls and Extensions

Tools

Maintenance Mode

ASPxClientPopupControlBase.Hide Method

Declaration

Remarks

Example

See Also