This is a migrated thread and some comments may be shown as answers.

Ajaxify Usercontrol

2 Answers 143 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

alekhya asked on 09 May 2011, 09:12 AM

Hello

I need to Dynamically load the usercontrols and bind the data in usercontrols dynamically
Here is my coad
1st user control : AvailableUsers.ascx

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Timer" />

<telerik:AjaxUpdatedControl ControlID="pnlChat" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<table>

<tr>

<td>

<telerik:RadDockLayout runat="server" EnableViewState="false" ID="RadDockLayout1"

StoreLayoutInViewState="false">

<telerik:RadDockZone runat="server" ID="RadDockZone2" Orientation="vertical" Style="width: 300px;

min-height: 100px; float: right; margin-right: 20px;">

<telerik:RadDock runat="server" ID="RadDock3" Title="Messenger" Width="300px">

<ContentTemplate>

<asp:Timer ID="Timer" runat="server" Interval="10000" ></asp:Timer>

<asp:Panel runat="server" ID="pnlChat" align="center" DefaultButton="btn_send" >

<table style="width:15%" border="1" align="center"><tr><td>

<telerik:RadListBox ID="radLBChat" runat="server" width="300" Height="100"></telerik:RadListBox>

</td></tr>

<tr>

<td style="width:85%">

<telerik:RadTextBox ID="radtextbox1" runat="server" TextMode="MultiLine" width="100%"></telerik:RadTextBox>

</td><td>

<asp:Button ID="btn_send" Text="Send" runat="server" />

</td></tr>

</table></asp:Panel>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

</td></tr>

<tr>

<td>

</td>

</tr>

</table>

Based on selection Done in 1st usercontrol i need to populate 2nd user control data
Fallowing code i am using in 1st usercontrol
on cick of radpane item in 1st usercontrol i am binding 2nd usercontrol to panel in master page
protected void ShowMessanger_Click(object sender, RadPanelBarEventArgs e)
   {
   _onLineChat.UserID = (int)Session["UserID"];
   _onLineChat.Status = 2;
   _onLineChat.SetCoachStatus();
   e.Item.SelectedCssClass = "RadPanelBar_Green";
   ucMessanger.Visible = true;
   Panel pnlMessanger = ((Panel)Page.Master.FindControl("pnlWidget"));
   pnlMessanger.Controls.Add(ucMessanger);
   }

Second USerControl : Chat.ascx

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Timer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radlist1" LoadingPanelID="RadAjaxLoadingPanel1">

</telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadDockLayout runat="server" EnableViewState="false" ID="RadDockLayout1"

StoreLayoutInViewState="false">

<telerik:RadDockZone runat="server" ID="RadDockZone2" Orientation="vertical" Style="width: 300px;

min-height: 100px; float: left; margin-right: 20px;">

<telerik:RadDock runat="server" ID="RadDock3" Title="Chat" Width="300px">

<ContentTemplate>

<asp:Timer ID="Timer" runat="server" Interval="10000" OnTick="OnlineCoaches"></asp:Timer>

<telerik:RadPanelBar ID="radlist1" runat="server" Width="200" Height="100"

AutoPostBack="True" OnItemClick="ShowMessanger_Click"></telerik:RadPanelBar>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

Data in availableUsers.ascx will get changed based on timer value

2 Answers, 1 is accepted

answered on 11 May 2011, 01:16 PM

Hi,

I would suggest you to review the following online resources which elaborates on similar scenarios:
http://www.telerik.com/help/aspnet-ajax/ajax-user-controls.html
http://www.telerik.com/help/aspnet-ajax/ajax-load-user-controls.html
http://demos.telerik.com/aspnet-ajax/ajax/examples/common/loadingusercontrols/defaultcs.aspx
http://www.telerik.com/support/kb/aspnet-ajax/tabstrip/loading-user-controls-dynamically-on-tabclick-and-postback-from-loaded-user-control.aspx
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/using-resolveupdatedcontrols-event.aspx

All the best,
Maria Ilieva
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 11 May 2011, 01:16 PM