Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Dock / AutoPostBack

Drag a RadDock control to initiate AJAX callback
Docking Zone 1

 
AutoPostBack enabled
 
 
This RadDock control will initiate postback when it is moved around the page. You could create AsyncPostbackTrigger to replace the postback with an AJAX call.
 
     
 
AutoPostBack disabled
 
 
This RadDock control will NOT initiate postback when it is moved around the page. However, if you post back the page using another control, the DockPositionChanged event will be fired.
 
     
Docking Zone 2
Event log:

  • Initiating postback

    The RadDock control has an AutoPostBack property which will make the control initiate a postback when it is moved into another RadDockZone, or when its index in its current zone is changed using drag and drop.

    Note: if you do not place the RadDock and RadDockZone controls in a RadDockLayout, the RadDock positions will not be changed automatically.

    Another option for initiating a postback is by using client-side code:

    <input type="button" value="DoPostBack" onclick="InitiatePostback()" />
    function InitiatePostback()
    {
        $get('<%= RadDock1.ClientID %>').DoPostBack();
    }

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Dock.AutoPostBack.DefaultCS"
        CodeFile="DefaultCS.aspx.cs" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!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">
        <qsf:HeadTag ID="Headtag1" runat="server" />
        <!--[if lte IE 6]>
        <style type="text/css">
        .raddockzone{height:250px}
        </style>
        <![endif]-->
        <style type="text/css">
        .qsfConsole
        {
         margin-top:5px;    
        }
        </style>
    </head>
    <body class="BODY">
        <form id="Form1" method="post" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" />
        <telerik:RadScriptManager ID="ScriptManager" runat="server" />
        <qsf:InformationBox ID="InformationBox1" runat="server">
            Drag a RadDock control to initiate AJAX callback
        </qsf:InformationBox>
        <telerik:RadDockLayout runat="server" ID="RadDockLayout1">
            <table>
                <tr>
                    <td style="vertical-align: top">
                        Docking Zone 1<br /><br />
                        <telerik:RadDockZone runat="server" ID="RadDockZone1" Width="270px" MinHeight="270">
                            <telerik:RadDock runat="server" ID="RadDock1" Title="AutoPostBack enabled" OnDockPositionChanged="RadDock1_DockPositionChanged"
                                EnableAnimation="true" EnableRoundedCorners="true" AutoPostBack="true" DockMode="Docked">
                                <ContentTemplate>
                                        This RadDock control will initiate postback when it is moved around the page. You
                                        could create AsyncPostbackTrigger to replace the postback with an AJAX call.
                                </ContentTemplate>
                            </telerik:RadDock>
                            <telerik:RadDock runat="server" ID="RadDock2" Title="AutoPostBack disabled" OnDockPositionChanged="RadDock1_DockPositionChanged"
                                EnableAnimation="true" EnableRoundedCorners="true" DockMode="Docked">
                                <ContentTemplate>
                                        This RadDock control will NOT initiate postback when it is moved around the page.
                                        However, if you post back the page using another control, the DockPositionChanged
                                        event will be fired.
                                </ContentTemplate>
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </td>
                    <td style="vertical-align: top">
                        Docking Zone 2<br /><br />
                        <telerik:RadDockZone runat="server" ID="RadDockZone2" Width="270px" MinHeight="270px">
                        </telerik:RadDockZone>
                    </td>
                    <td style="vertical-align: top;">
                        <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                            <ContentTemplate>
                                <qsf:EventLogConsole ID="EventLogConsole1" runat="server" Width="280px"
                                Height="308px" EnableViewState="false" style="margin-top:0px" />
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="RadDock1" EventName="DockPositionChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </td>
                </tr>
            </table>
        </telerik:RadDockLayout>
        <qsf:Footer runat="server" ID="Footer1" ShowCodeViewer="true" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451