The requested page is not available for the requested platform. You are viewing the content for Default platform.

ASPxClientControlBase.Init Event

Occurs on the client side after the control has been initialized.

Declaration

Init: ASPxClientEvent<ASPxClientEventHandler<ASPxClientControlBase>>

Event Data

The Init event handler receives an argument of the ASPxClientEventArgs type.

Remarks

Write a handler for the Init event to perform specific operations after the control's client object has been completely initialized on the client side.

Examples

This example demonstrates how to resize a DevExpress ASP.NET control (for example, ASPxPageControl) to occupy the entire browser window (a Full Screen mode).

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v11.2, Version=11.2.10.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxTabControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v11.2, Version=11.2.10.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxClasses" 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">
    <title></title>
    <style type="text/css">
        body, html
        {
            padding: 0;
            margin: 0;
        }
    </style>

    <script type="text/javascript">

        function OnInit(s, e) {
            AdjustSize();

            ASPxClientUtils.AttachEventToElement(window, "resize", function(evt) {
                AdjustSize();
            });
        }
        function AdjustSize() {
            var height = document.documentElement.clientHeight;
            pc.SetHeight(height);
        }

    </script>

</head>
<body>
    <form id="form1" runat="server">
    <dx:ASPxPageControl ID="pc" runat="server" ActiveTabIndex="0" Height="100px" ClientInstanceName="pc"
        Width="100%">
        <ContentStyle BackColor="LightGray">
        </ContentStyle>
        <Paddings Padding="0px" />
        <TabPages>
            <dx:TabPage Text="First">
                <ContentCollection>
                    <dx:ContentControl runat="server">
                    </dx:ContentControl>
                </ContentCollection>
            </dx:TabPage>
            <dx:TabPage Text="Second">
                <ContentCollection>
                    <dx:ContentControl runat="server">
                    </dx:ContentControl>
                </ContentCollection>
            </dx:TabPage>
            <dx:TabPage Text="Third">
                <ContentCollection>
                    <dx:ContentControl runat="server">
                    </dx:ContentControl>
                </ContentCollection>
            </dx:TabPage>
        </TabPages>
        <ClientSideEvents Init="OnInit" />
    </dx:ASPxPageControl>
    </form>
</body>
</html>
See Also