Window - Client-side Events

Event log

Isolate this demo as a stand-alone application
RadWindow provides the following client-side events:
  • OnClientBeforeShow - fires just before the RadWindow is shown. You can cancel the show of the RadWindow there
  • OnClientShow - fires after RadWindow is shown
  • OnClientActivate - fires when RadWindow becomes the active window
  • OnClientPageLoad - fires when the page in RadWindow completesloading
  • OnClientBeforeClose - fires just before the RadWindow is closed. You can cancel the closing of the RadWindow there.
  • OnClientClose - fires after RadWindow is being closed
  • OnClientDragStart - fires when the user starts dragging a RadWindow object
  • OnClientDragEnd - fires after RadWindow is being dropped on the page
  • OnClientResize - fires when a RadWindow is being resized
  • OnClientResizeStart - called when the user starts resizing the window.
  • OnClientResizeEnd - called after a resize operation ends.
  • OnClientAutoSizeEnd - fires when a RadWindow's autosize has finished
  • OnClientCommand - fires when the commands Pin, Reload, Minimize and Maximize are executed (when the user presses a titlebar button).
The properties expect the name of a clientside function to be called. When invoked, two arguments are supplied to the function - the sender[the RadWindow itself], and an events argument.

When using the close() method to close a RadWindow you can provide an argument to it and it can be extracted through the arguments of the OnClientClose event by using their get_argument() method. The OnClientbeforeClose and OnClientCommand can be cancelled by the set_cancel(shouldCancel) method the event arguments object provides. Additionally, the OnClientCommand provides the get_commandName() method to get the command that was just fired.
<%@ Page Language="C#"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow runat="server" ID="RadWindow1" ReloadOnShow="true" RestrictionZoneID="RestrictionZone"
                Height="300px" Width="400px" NavigateUrl="Dialog.aspx" VisibleOnPageLoad="true"
                AutoSize="true" Animation="Fade" OpenerElementID="link1" OnClientCommand="OnClientCommand"
                ShowContentDuringLoad="false" OnClientResizeStart="OnClientResizeStart" OnClientResizeEnd="OnClientResizeEnd"
                OnClientDragStart="OnClientDragStart" OnClientDragEnd="OnClientDragEnd" OnClientActivate="OnClientActivate"
                OnClientPageLoad="OnClientPageLoad" OnClientBeforeClose="OnClientBeforeClose"
                OnClientClose="OnClientclose" OnClientShow="OnClientshow" OnClientBeforeShow="OnClientBeforeShow"
                OnClientAutoSizeEnd="OnClientAutoSizeEnd">
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
    <div id="RestrictionZone" class="demo-container size-narrow">
        <telerik:RadButton AutoPostBack="false" ID="Button1" runat="server" OnClientClicked="OpenWnd" Text="Open RadWindow" OnClientLoad="openButton_load" />
    </div>
    <qsf:EventLogConsole ID="EventLogConsole1" runat="server" AllowClear="true"></qsf:EventLogConsole>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?