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

2 posts, 0 answers
  1. Deepak
    Deepak avatar
    15 posts
    Member since:
    Jun 2010

    Posted 06 Aug 2010 Link to this post

    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>

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 11 Aug 2010 Link to this post

    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
Back to Top