RadControls for ASP.NET AJAX RadAjaxManager could handle all the MasterPage and
WebUserControls scenarios no matter the complexity of the
application. To prove this, we show you how it can handle a scenario, where
loading of WebUserControls is done in contents of MasterPage
by RadAjaxManager.
An important point to notice in the following implementation, is the event
bubbling approach. We use it because we load dynamically a user control from an
action in another loaded user control. So the button click event is bubbled
from the user control to the content page, where the first user control is
loaded on each page load. Then we determine whether to perform loading of the
second user control depending on the command from the button's bubbled
event.
Here is the full working code containing a MasterPage, content page
and two simple WebUserControls:
CopyASPX
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" />
<asp:Panel ID="Panel1" runat="server">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server" />
</asp:Panel>This MasterPage has nothing in its code-behind.
Standard content page ASPX:
CopyASPX
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server" />
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server" />
The key content page code-behind:
CopyC#
private Control Content(string id)
{
return Page.Master.FindControl(id);
}
protected void Page_Load(object sender, System.EventArgs e)
{
Content("ContentPlaceHolder1").Controls.Add(LoadControl("~/Page1.ascx"));
Content("ContentPlaceHolder1").Controls[1].ID = "UserControl1";
Button AjaxButtonLoad = (Button)Content("ContentPlaceHolder1").FindControl("UserControl1").FindControl("btnLoad");
Button AjaxButtonClear = (Button)Content("ContentPlaceHolder1").FindControl("UserControl1").FindControl("btnClear");
RadAjaxManager AjaxManager = RadAjaxManager.GetCurrent(Page);
Panel MyPanel = (Panel)Content("Panel1");
AjaxManager.AjaxSettings.AddAjaxSetting(AjaxButtonLoad, MyPanel, null);
AjaxManager.AjaxSettings.AddAjaxSetting(AjaxButtonClear, MyPanel, null);
}
protected override bool OnBubbleEvent(object source, System.EventArgs args)
{
CommandEventArgs commandArgs = args as CommandEventArgs;
if (commandArgs != null)
{
if (commandArgs.CommandName == "Load")
{
Content("ContentPlaceHolder2").Controls.Add(LoadControl("~/Page2.ascx"));
Content("ContentPlaceHolder2").Controls[1].ID = "UserControl2";
}
else if (commandArgs.CommandName == "Clear")
{
}
}
return base.OnBubbleEvent(source, args);
}CopyVB.NET
Private Function Content(ByVal id As String) As Control
Return Page.Master.FindControl(id)
End Function
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Content("ContentPlaceHolder1").Controls.Add(LoadControl("~/Page1.ascx"))
Content("ContentPlaceHolder1").Controls(1).ID = "UserControl1"
Dim AjaxButtonLoad As Button = CType(Content("ContentPlaceHolder1").FindControl("UserControl1").FindControl("btnLoad"), Button)
Dim AjaxButtonClear As Button = CType(Content("ContentPlaceHolder1").FindControl("UserControl1").FindControl("btnClear"), Button)
Dim AjaxManager As RadAjaxManager = RadAjaxManager.GetCurrent(Page)
Dim MyPanel As Panel = CType(Content("Panel1"), Panel)
AjaxManager.AjaxSettings.AddAjaxSetting(AjaxButtonLoad, MyPanel, Nothing)
AjaxManager.AjaxSettings.AddAjaxSetting(AjaxButtonClear, MyPanel, Nothing)
End Sub
Protected Overrides Function OnBubbleEvent(ByVal source As Object, ByVal args As System.EventArgs) As Boolean
Dim commandArgs As CommandEventArgs = TryCast(args, CommandEventArgs)
If commandArgs IsNot Nothing Then
If commandArgs.CommandName = "Load" Then
Content("ContentPlaceHolder2").Controls.Add(LoadControl("~/Page2.ascx"))
Content("ContentPlaceHolder2").Controls(1).ID = "UserControl2"
ElseIf commandArgs.CommandName = "Clear" Then
End If
End If
Return MyBase.OnBubbleEvent(source, args)
End FunctionFirst WebUserControl's code, which is loaded on each page load:
CopyASPX
<asp:Button ID="btnLoad" runat="server" Text="Load" CommandName="Load" />
<asp:Button ID="btnClear" runat="server" Text="Clear" CommandName="Clear" />
Code-behind:
CopyC#
public event EventHandler BtnClick;
protected void Button1_Click(object sender, System.EventArgs e)
{
if (BtnClick != null)
{
BtnClick(sender, e);
}
}CopyVB.NET
Public Event BtnClick As EventHandler
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnLoad.Click
RaiseEvent BtnClick(sender, e)
End SubAnd the second WebUserControl, which is loaded when the button
"Load" in the first WebUserControl is clicked:
It just shows some text in the ASPX and has nothing in its code-behind.
CopyASPX