Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Rad Ajax pannel does not work when it is added at the runtime

1 Answer 65 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Deepak
Top achievements
Rank 1
Deepak asked on 06 Aug 2010, 09:27 PM

I have master page and child page.

In the child page I am adding one user control at the runtime.

In the user control I am using  RadAjaxloading Pannel and one RadAjaxPannel.

And inside the RadAjaxPannel I have a drop down list which does the postback to refresh the data on the control.

Now when I run the code for the first time when I change the value from drop down list then it shows me the loading image but does not any post back.

And in  the second time it does a full page post back. In second I am not getting any loading image but it refresh the entire page.

Here is my master page code

<%@ Master Language="VB" CodeFile="SiteMaster.master.vb" Inherits="SiteMaster" %>
 
<%@ Register TagPrefix="GD" TagName="Footer" Src="App_controls/Footer.ascx" %>
<%@ Register TagPrefix="GD" TagName="TopMenu" Src="App_controls/App_Controls_TopMenu.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
    <title>CEMG Property Management System</title>
    <link href="CSS/CEMG.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body class="BODY">
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
    </telerik:RadScriptManager>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Office2007" />
    <asp:Label ID="lblAlert" runat="server"></asp:Label>
    <div>
        <GD:TopMenu ID="TopMenu1" runat="server"></GD:TopMenu>
        <br />
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
            <!-- Page-specific content will go here... -->
        </asp:ContentPlaceHolder>
        <asp:Label ID="lblPropertyID" runat="server" Visible="False"></asp:Label>
    </div>
    <GD:Footer ID="Footer" runat="server"></GD:Footer>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <ClientEvents OnRequestStart="CenterLoadingPanel"></ClientEvents>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
        Skin="Outlook">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function CenterLoadingPanel() {
                centerElementOnScreen($get("<%= RadAjaxLoadingPanel1.ClientID %>"));
            }
            function centerElementOnScreen(element) {               
                var scrollTop = document.body.scrollTop;
                var scrollLeft = document.body.scrollLeft;
                var viewPortHeight = document.body.clientHeight;
                var viewPortWidth = document.body.clientWidth;
                if (document.compatMode == "CSS1Compat") {
                    viewPortHeight = document.documentElement.clientHeight;
                    viewPortWidth = document.documentElement.clientWidth;
                    if (!$telerik.isSafari) {
                        scrollTop = document.documentElement.scrollTop;
                        scrollLeft = document.documentElement.scrollLeft;
                    }
                }
                var topOffset = Math.ceil(viewPortHeight / 2 - element.offsetHeight / 2);
                var leftOffset = Math.ceil(viewPortWidth / 2 - element.offsetWidth / 2);
                var top = scrollTop + topOffset - 40;
                var left = scrollLeft + leftOffset - 70;
                element.style.position = "absolute";
                element.style.top = top + "px";
                element.style.left = left + "px";
            }
        </script>
    </telerik:RadCodeBlock>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
    </asp:ContentPlaceHolder>
    </form>
</body>
</html>

here is my child page code

<%@ Page Title="" Language="VB" MasterPageFile="~/SiteMaster.master" AutoEventWireup="false" CodeFile="ManagementDashboard.aspx.vb" Inherits="ManagementDashboard" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/JS/jquery-1.4.2.min.js" />
            <asp:ScriptReference Path="~/JS/WebPartBase.js" />
        </Scripts>
    </asp:ScriptManagerProxy>
    <telerik:RadScriptBlock ID="scbScripts" runat="server"> 
        <script type="text/javascript">
            function populateSelectedOwners(sender, args) {
                var textBox;
                textBox = $find("<%= tbOwners.ClientID %>");
                textBox.set_value(args.get_argument());
 
                return false;
            }
            function populateSelectedInvestors(sender, args) {
                var textBox;
                textBox = $find("<%= tbInvestors.ClientID %>");
                textBox.set_value(args.get_argument());
 
                return false;
            }
            function populateSelectedPartners(sender, args) {
                var textBox;
                textBox = $find("<%= tbPartners.ClientID %>");
                textBox.set_value(args.get_argument());
 
                return false;
            }
             
            function OpenChartWindow(sender, args) {
                window.radopen('Windows/ShowWebPartChart.aspx?WebPartID=' + sender.get_id(), 'webPartChartDialog');
            }
 
 
            $(document).ready(function () {
                SetDateFilterDivToggle();
                HideFilterTableRows(2);
                SetRadioButtonClickHandlers();
            });
 
            function SetDateFilterDivToggle() {
                $('#btnDateFilters').toggle(
                    function (event) {
                        $('#dateFilterDiv').slideDown("slow");
                    },
                    function (event) {
                        $('#dateFilterDiv').slideUp("slow");
                    }
                );
            }
 
            function SetRadioButtonClickHandlers() {
                $('#<%= rdMToDate.ClientID %>').click(function () {
                    HideFilterTableRows(1);
                });
                $('#<%= rdYToDate.ClientID %>').click(function () {
                    HideFilterTableRows(2);
                });
                $('#<%= rdDateToDate.ClientID %>').click(function () {
                    HideFilterTableRows(3);
                });
                $('#<%= rdDays.ClientID %>').click(function () {
                    HideFilterTableRows(4);
                });
            }
 
            function HideFilterTableRows(value) {
                $('#trDateToDate').hide();
                $('#trMToDate').hide();
                $('#trInDays').hide();
                $('#trYToDate').hide();               
                                    
                switch (value) {
                    case 1:
                        $('#trMToDate').show();
                        break;
                    case 2:
                        $('#trYToDate').show();               
                        break;
                    case 3:
                        $('#trDateToDate').show();                       
                        break;
                    case 4:
                        $('#trInDays').show();                       
                        break;               
                }
            }
 
            //<![CDATA[
            //An array that contains all RadDocks that are on the page
            var allDocks = [];
 
            //OnClientInitialize handler method used to populate the array
            //with the docks on the page
            function DockInit(dock, args) {
                allDocks[allDocks.length] = dock;
            }
 
            //Handler method for the resize event of the browser window
            function WindowResize() {
                for (var i = 0; i < allDocks.length; i++) {
                    //Call repaint() method for each dock
                    allDocks[i].repaint();
                }
            }
 
            Sys.Application.add_init(function () { $telerik.addExternalHandler(window, "resize", WindowResize); });
 
            function ReloadPage() {
                var url = location.href;
                window.location.href = url;
            }
                         
          //]]>
      </script>
    </telerik:RadScriptBlock>
    <table width="99%" border="0" align="center" cellpadding="0" cellspacing="3"  class="PropertyInfoTable" style="background-color:#ffffff;" >
      <tr>
        <td class="tableBorder" align="center">Custom Filters</td>
      </tr>
      <tr>
        <td align="left" valign="top"><table width="100%" border="0" cellspacing="5" cellpadding="0">
          <tr>
            <td width="150" nowrap="nowrap" class="SmallTxtBold" valign="middle" >Owner:</td>
            <td align="left" valign="middle" >
                <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="middle"><telerik:RadTextBox ID="tbOwners" runat="server"
                                Skin="Office2007" Width="300px" AutoPostBack="True"> </telerik:RadTextBox></td>
                        <td valign="middle"><img id="imgOwners" onclick="window.radopen(null, 'tbOwnersDialog');" src="images/search_icon.gif" align="absbottom" runat="server" /> </td>
                        <td valign="middle" width="300px" nowrap="nowrap"><asp:Label ID="lblOwnerStatus" runat="server"></asp:Label><asp:Label ID="lblOwnerID" runat="server" Visible="false"></asp:Label></td>
              </tr>
          </table>          </tr>
          <tr>
            <td  nowrap="nowrap" class="SmallTxtBold" valign="middle" >Investor:</td>
            <td align="left" valign="middle"><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="middle"><telerik:RadTextBox ID="tbInvestors" runat="server" Skin="Office2007" AutoPostBack="True"
                        Width="300px"> </telerik:RadTextBox></td>
                <td valign="middle"><img id="imgInvestors" onclick="window.radopen(null, 'tbInvestorsDialog');" src="images/search_icon.gif" align="absbottom" runat="server" /> </td>
                <td valign="middle" width="300px" nowrap="nowrap"><asp:Label ID="lblInvestorStatus" runat="server"></asp:Label>
                    <asp:Label ID="lblInvestorID" runat="server" Visible="false"></asp:Label></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td nowrap="nowrap" class="SmallTxtBold" valign="middle" >Partner:</td>
            <td align="left" valign="middle"><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="middle"><telerik:RadTextBox ID="tbPartners" runat="server" Skin="Office2007" AutoPostBack="True"
                        Width="300px"> </telerik:RadTextBox></td>
                <td valign="middle"><img id="imgPartners" onclick="window.radopen(null, 'tbPartnersDialog');" src="images/search_icon.gif" align="absbottom" runat="server" /> </td>
                <td valign="middle" width="300px" nowrap="nowrap"><asp:Label ID="lblPartnerStatus" runat="server"></asp:Label>
                    <asp:Label ID="lblPartnerID" runat="server" Visible="false"></asp:Label></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td nowrap="nowrap" class="SmallTxtBold" valign="middle" ><button id="btnDateFilters" style="width:100px;">Dates</button></td>
            <td align="left" valign="middle"> </td>
          </tr>
          <tr>
            <td colspan="2" align="left" valign="top" nowrap="nowrap" class="SmallTxtBold" ><div id="dateFilterDiv" style="display:none;" >
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td colspan="4" nowrap="nowrap" class="SmallTxtBold">
                    <asp:RadioButton ID="rdMToDate" runat="server" GroupName="DateFilter" Text="Month To Date" /> 
                    <asp:RadioButton ID="rdYToDate" runat="server" GroupName="DateFilter" Checked="true" Text="Year To Date" /> 
                    <asp:RadioButton ID="rdDateToDate" runat="server" GroupName="DateFilter" Text="Date To Date" /> 
                    <asp:RadioButton ID="rdDays" runat="server" GroupName="DateFilter" Text="Days" />                  </td>
                </tr>
                <tr>
                 <td colspan="4" nowrap="nowrap" class="SmallTxtBold"><img src="images/spacer.gif"  width="1" height="8"/></td>                </tr>
              <tr id="trDateToDate">
                <td class="SmallTxtBold" nowrap="nowrap" width="180">Purchase Date From:</td>
                <td class="SmallTxt" Width="200">
                    <telerik:RadDatePicker ID="tbPurchaseDateFrom" runat="server" Skin="Office2007" Width="100px"
                                        Culture="English (United States)">
                        <DateInput Skin="Office2007">                         </DateInput>
                                <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                            Skin="Office2007">
                                    <SpecialDays>
                                        <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="LightBlue" />
                                    </SpecialDays>
                                </Calendar>
                    </telerik:RadDatePicker>                </td>
                <td nowrap="nowrap" class="SmallTxtBold" align="right" width="150" > Purchase Date To: </td>
                <td class="SmallTxt" align="left"  >  
                    <telerik:RadDatePicker ID="tbPurchaseDateTo" runat="server" Skin="Office2007" Width="100px">
                        <DateInput LabelCssClass="radLabelCss_Office2007" Skin="Office2007"></DateInput>
                        <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                            Skin="Office2007">
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="LightBlue" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>                 </td>
              </tr>
              <tr id="trMToDate">
                <td width="180" nowrap="nowrap" class="SmallTxtBold">Purchase in Month:</td>
                <td width="200" class="SmallTxt">
                    <telerik:RadComboBox ID="ddlMonths" runat="server" Skin="Outlook">
                        <Items>                           
                            <telerik:RadComboBoxItem runat="server" Text="January" Value="1" />
                            <telerik:RadComboBoxItem runat="server" Text="February" Value="2" />
                            <telerik:RadComboBoxItem runat="server" Text="March" Value="3" />
                            <telerik:RadComboBoxItem runat="server" Text="April" Value="4" />
                            <telerik:RadComboBoxItem runat="server" Text="May" Value="5" />
                            <telerik:RadComboBoxItem runat="server" Text="June" Value="6" />
                            <telerik:RadComboBoxItem runat="server" Text="July" Value="7" />
                            <telerik:RadComboBoxItem runat="server" Text="Augest" Value="8" />
                            <telerik:RadComboBoxItem runat="server" Text="September" Value="September" />
                            <telerik:RadComboBoxItem runat="server" Text="October" Value="October" />
                            <telerik:RadComboBoxItem runat="server" Text="November" Value="November" />
                            <telerik:RadComboBoxItem runat="server" Text="December" Value="12" />
                        </Items>
                    </telerik:RadComboBox>                </td>
                <td width="150" align="right" nowrap="nowrap" class="SmallTxtBold" >Purchase Date To: </td>
                <td class="SmallTxt" align="left"  >   
                    <telerik:RadDatePicker ID="tbPurchaseMToDate" runat="server" Skin="Office2007" Width="100px">
                        <DateInput LabelCssClass="radLabelCss_Office2007" Skin="Office2007"></DateInput>
                        <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                            Skin="Office2007">
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="LightBlue" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>                </td>
              </tr>
              <tr id="trInDays">
                <td width="180" nowrap="nowrap" class="SmallTxtBold">Purchase in Last:</td>
                <td width="200" class="SmallTxt"><telerik:RadNumericTextBox ID="tbPurchaseInDays" Runat="server" Skin="Office2007" Width="60"></telerik:RadNumericTextBox> days</td>
                <td width="150" align="right" nowrap="nowrap" class="SmallTxtBold" > </td>
                <td class="SmallTxt" align="left"  > </td>
              </tr>
              <tr id="trYToDate">
                <td width="180" nowrap="nowrap" class="SmallTxtBold">Purchase in Year:</td>
                <td width="200" class="SmallTxt"><asp:Label ID="lblCurrentYear" runat="server" Text="2010" /></td>
                <td width="150" align="right" nowrap="nowrap" class="SmallTxtBold" >Purchase Date To: </td>
                <td class="SmallTxt" align="left" >  
                    <telerik:RadDatePicker ID="tbPurchaseYToDate" runat="server" Skin="Office2007" Width="100px">
                        <DateInput LabelCssClass="radLabelCss_Office2007" Skin="Office2007"></DateInput>
                        <Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                            Skin="Office2007">
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="LightBlue" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>                </td>
              </tr>
            </table>
            </div></td>
          </tr>
          <tr>
            <td colspan="2" align="left" valign="top" nowrap="nowrap" class="SmallTxtBold" ><asp:Button ID="btnSearch" runat="server" Width="100"
                Text="Search" /></td></td>
          </tr>        
        </table></td>
      </tr>
      <tr>
        <td height="30" align="right" valign="middle" style="border:1px solid #000000;background-color:#A4C1EC;" ><table width="520" border="0" cellspacing="2" cellpadding="0">
      <tr>
        <td width="110"><asp:Button ID="btnCustomize" runat="server" Width="100"
                Text="Customize" UseSubmitBehavior="False" /></td>
        <td width="110"><asp:Button ID="btnSaveView" runat="server" Width="100" Text="Save New View"
                UseSubmitBehavior="False" /></td>
        <td width="110"><asp:Button ID="btnDeleteView" runat="server" Width="100" Text="Delete View"
                UseSubmitBehavior="False" /></td>
        <td width="80" align="right" nowrap="nowrap" class="SmallTxtBold">Change View:
          </td>
        <td width="110"><asp:DropDownList ID="ddlViewList" ClientIDMode="Static"
                runat="server" Width="110" AutoPostBack="True"> </asp:DropDownList>
        </td>
      </tr>
    </table></td>
      </tr>
      <tr>
        <td align="left">
         <telerik:RadDockLayout ID="RadDockLayout1" runat="server" Skin="Outlook">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="50%" align="left" valign="top">
                        <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="350" Style="overflow:hidden;"
                            Width="98%"  Orientation="Horizontal" >
                        </telerik:RadDockZone>
                    </td>                   
                    <td width="50%" align="left" valign="top">
                        <telerik:RadDockZone ID="RadDockZone2" runat="server" MinHeight="350" Style="overflow:hidden;"
                            Width="98%" Orientation="Horizontal" >                              
                        </telerik:RadDockZone>
                    </td>
                </tr>
            </table>
         </telerik:RadDockLayout>
         </td>
      </tr>
      <tr>
        <td class="tableBorder" align="center">At a Glance</td>
      </tr>
      <tr>
        <td align="left" valign="top">
            <telerik:RadDockLayout ID="RadDockLayout2" runat="server" Skin="Outlook">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="25%" align="left" valign="top">
                            <telerik:RadDockZone ID="RadDockZone3" runat="server" MinHeight="400" Style="overflow:hidden;"
                                Width="98%"  Orientation="Horizontal" >
                            </telerik:RadDockZone>
                        </td>                   
                        <td width="25%" align="left" valign="top">
                            <telerik:RadDockZone ID="RadDockZone4" runat="server" MinHeight="400" Style="overflow:hidden;"
                                Width="98%" Orientation="Horizontal" >                              
                            </telerik:RadDockZone>
                        </td>
                        <td width="25%" align="left" valign="top">
                            <telerik:RadDockZone ID="RadDockZone5" runat="server" MinHeight="400" Style="overflow:hidden;"
                                Width="98%"  Orientation="Horizontal" >
                            </telerik:RadDockZone>
                        </td>                   
                        <td width="25%" align="left" valign="top">
                            <telerik:RadDockZone ID="RadDockZone6" runat="server" MinHeight="400" Style="overflow:hidden;"
                                Width="98%" Orientation="Horizontal" >                              
                            </telerik:RadDockZone>
                        </td>
                    </tr>
                </table>
             </telerik:RadDockLayout>
        </td>
      </tr>
    </table>
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="tbOwners">
                 <UpdatedControls>                 
                     <telerik:AjaxUpdatedControl ControlID="tbOwners" />  
                     <telerik:AjaxUpdatedControl ControlID="lblOwnerStatus" />
                     <telerik:AjaxUpdatedControl ControlID="lblOwnerID" />               
                 </UpdatedControls>
             </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="tbInvestors">
                 <UpdatedControls>                 
                     <telerik:AjaxUpdatedControl ControlID="tbInvestors" />  
                     <telerik:AjaxUpdatedControl ControlID="lblInvestorStatus" />
                     <telerik:AjaxUpdatedControl ControlID="lblInvestorID" />               
                 </UpdatedControls>
             </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="tbPartners">
                 <UpdatedControls>                 
                     <telerik:AjaxUpdatedControl ControlID="tbPartners" />  
                     <telerik:AjaxUpdatedControl ControlID="lblPartnerStatus" />
                     <telerik:AjaxUpdatedControl ControlID="lblPartnerID" />               
                 </UpdatedControls>
             </telerik:AjaxSetting>            
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleStatusbar="False"
        Behaviors="Default" InitialBehaviors="None" Left=""
        Skin="Outlook" style="display: none;" Top="" >
        <Windows>
            <telerik:RadWindow  id="tbOwnersDialog" Runat="server"
                OnClientClose="populateSelectedOwners" Width="400px" Height="300px"
                Title="Select Owners" NavigateUrl="Windows/SelectOwners.aspx" />
            <telerik:RadWindow  id="tbInvestorsDialog" Runat="server"
                OnClientClose="populateSelectedInvestors" Width="400px" Height="300px"
                Title="Select Investors"    NavigateUrl="Windows/SelectPartners.aspx" />           
            <telerik:RadWindow  id="tbPartnersDialog" Runat="server"
                OnClientClose="populateSelectedPartners" Width="400px" Height="300px"
                Title="Select Partners" NavigateUrl="Windows/SelectPartners.aspx?InvestorTypeID=2" />
            <telerik:RadWindow  id="webPartChartDialog" Runat="server" Width="550px" Height="450px"
                Title="Select Partners" />
            <telerik:RadWindow  id="customizePageDialoag" Runat="server" Width="600px" Height="350px"  />
            <telerik:RadWindow  id="saveViewDialoag" Runat="server" Width="600px" Height="350px"  />
            <telerik:RadWindow  id="deleteViewDialoag" Runat="server" Width="600px" Height="350px"  />
        </Windows>
    </telerik:RadWindowManager>
    
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
</asp:Content>

here is control code which i am adding at the runtime

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ActivePropertiesByOwnerPartnerInvestor.ascx.vb" Inherits="App_Controls_ActivePropertiesByOwnerPartnerInvestor" %>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
    Skin="Outlook">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">
<br />
<table width="100%" border="0" cellspacing="3" cellpadding="0">
  <tr>
    <td width="49%" valign="top">
        <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td>
                    <telerik:RadComboBox ID="ddlPropertyBy" Runat="server" AutoPostBack="True"
                        Skin="Outlook">
                        <Items>
                            <telerik:RadComboBoxItem runat="server" Text="Owner" Value="0"
                                Owner="ddlPropertyBy" />
                            <telerik:RadComboBoxItem runat="server" Text="Investor" Value="1"
                                Owner="ddlPropertyBy" />
                            <telerik:RadComboBoxItem runat="server" Text="Partner" Value="2"
                                Owner="ddlPropertyBy" />               
                        </Items>
                    </telerik:RadComboBox>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:Repeater ID="Repeater1" runat="server" EnableViewState="False">
                    <HeaderTemplate>
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" >
                    </HeaderTemplate>
                    <ItemTemplate>
                            <%#  If(Convert.IsDBNull(DataBinder.Eval(Container, "DataItem.NameValue")), "<tr><td colspan='6' height='15px'></td></tr>", "") %>
                            <tr>
                                <td width="1%"> </td>
                                <td width="77%" valign="top"><%# CustomFunctions.HandleDBNULL(DataBinder.Eval(Container, "DataItem.NameValue"), "<b>Total</b>")%>:</td>               
                                <td  width="10%" align="right" valign="top"><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.PropertyOwnerID", "~/Properties.aspx?PropertyOwnerID={0}") %>'>                                  
                                    <%# DataBinder.Eval(Container, "DataItem.Count")%>
                                    </asp:HyperLink></td>
                                <td width="1%"> </td>
                                <td  width="10%" align="right" valign="top"><%# CustomFunctions.FormatDollarAmount(DataBinder.Eval(Container, "DataItem.Percentage"), False, False)%>%</td>
                                <td width="1%"> </td>
                            </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                    </asp:Repeater>
 
                    <asp:Repeater ID="Repeater2" runat="server" EnableViewState="False" Visible="false">
                    <HeaderTemplate>
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" >
                    </HeaderTemplate>
                    <ItemTemplate>
                            <tr>
                                <td > </td>
                                <td valign="top"><%# CustomFunctions.HandleDBNULL(DataBinder.Eval(Container, "DataItem.NameValue"), "Total")%>:</td>               
                                 <td align="right" valign="top"><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.PartnerID", "~/Properties.aspx?InvestorID={0}") %>'>                                  
                                    <%# DataBinder.Eval(Container, "DataItem.Count")%>
                                    </asp:HyperLink></td>
                                <td align="right" valign="top"><%# CustomFunctions.FormatDollarAmount(DataBinder.Eval(Container, "DataItem.Percentage"), False, False)%>%</td>
                                <td > </td>
                            </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                    </asp:Repeater>
                </td>
            </tr>       
        </table>       
   </td>
   <td width="1%"> </td>
    <td width="50%"valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td nowrarp="nowrarp">Change Chart <telerik:RadComboBox ID="ddlChartType" runat="server"
                    Skin="Outlook">
                <Items>
                    <telerik:RadComboBoxItem runat="server" Text="Pie" Value="1"
                        Owner="ddlChartType" />
                    <telerik:RadComboBoxItem runat="server" Text="Bar" Value="2"
                        Owner="ddlChartType" />
                </Items>
                </telerik:RadComboBox></td>
          </tr>
          <tr>
            <td>
                <asp:Chart ID="Chart1" runat="server" Height="226px" Width="356px" >
                </asp:Chart>
            </td>
          </tr>
        </table>
    </td>
  </tr>
</table>
</telerik:RadAjaxPanel>

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 11 Aug 2010, 01:50 PM
Hello Deepak,

Please note that  using both the manager and the panel in some complex applications - MasterPage or WebUserControls could cause a lot if different issues. However, note that a single RadAjaxManager (and no panels) in the master/main page could handle all the scenarios. you could refer to the following help topic which elaborates on this matter:
http://www.telerik.com/help/aspnet-ajax/ajxusercontrols.html
http://www.telerik.com/help/aspnet-ajax/ajxajaxmasterpage.html
http://www.telerik.com/help/aspnet-ajax/ajxmasterpageupdateeverywhere.html
http://www.telerik.com/help/aspnet-ajax/ajxloadcontrolfromanotherwebusercontrolindifferentmasterpagecontentplaceholder.html

Best wishes,
Maria Ilieva
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Ajax
Asked by
Deepak
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or