ASP AJAX PANEL Setting Inside a User-Control

2 posts, 0 answers
  1. Daniel
    Daniel avatar
    159 posts
    Member since:
    Feb 2014

    Posted 06 Jul 2014 Link to this post

    Hello 

    I am currently working on project that contains a user-control. 
    Inside the user-control there are the following: 
    A RadGrid, an Asp:Panel  and RaAjaxManajerProxy.
    The ASP PANEL wraps several controls (LinkButtons, RadButtons etc.) 
    The user-control is managed by the RadAjaxManajerProxy. 

    I have the following problem:
    The first time the page is loaded, the Telerik controls inside the Asp:Panel
    are not working (RadComboBox does not open and RadButtons does not respond).
    However, the default ASP controls work (LinkButton etc.)
    After I click one time on one of the LinkButtons, all other Telerik controls
    start to work (after POSTBACK).

    What exactly is going on here? 
    How to solve the problem?

    Thank 
    Daniel.


    ASPX:
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="Panel_Footer">
                <UpdatedControls>
                 <telerik:AjaxUpdatedControl ControlID="Panel_Footer" UpdatePanelCssClass="" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" LoadingPanelID="RadAjaxLoadingPanel_UC" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
      
      
      
    <telerik:RadGrid ID="RadGrid1" Height="300px" runat="server" EnableHeaderContextMenu="true">
        <ClientSettings>
            <Scrolling AllowScroll="True"></Scrolling>
        </ClientSettings>
    </telerik:RadGrid>
      
       
    <asp:Panel ID="Panel_Footer" runat="server">
        <table id="FooterPagingControl" cellpadding="0" cellspacing="0" class="FooterPagingControl">
            <tr>
                <td id="Prevs">
                    <telerik:RadButton ID="btn_Start" runat="server" Text="RadButton">
                        <ContentTemplate>
                            <span class="glyphicon glyphicon-step-backward"></span>
                        </ContentTemplate>
                    </telerik:RadButton>
                    <telerik:RadButton ID="btn_Prev" runat="server" Text="RadButton">
                        <ContentTemplate>
                            <span class="glyphicon glyphicon-play glyphicon-rotate"></span>
                        </ContentTemplate>
                    </telerik:RadButton>
                </td>
                <td>
                    <div id="PagesNumbers" runat="server"></div>
      
          <%--The LinkButtons are added here dynamically by the code behind  --%>
     
      
                </td>
                <td id="Nexes">
                    <telerik:RadButton ID="btn_Next" runat="server" Text="RadButton">
                        <ContentTemplate>
                            <span class="glyphicon glyphicon-play"></span>
                        </ContentTemplate>
                    </telerik:RadButton>
                    <telerik:RadButton ID="btn_End" runat="server" Text="RadButton">
                        <ContentTemplate>
                            <span class="glyphicon glyphicon-step-forward"></span>
                        </ContentTemplate>
                    </telerik:RadButton>
                </td>
                <td id="ComboPaging">
                    <asp:Label runat="server" ID="lbl_PageSize" Text="  Page size:"></asp:Label>
      
                    <telerik:RadComboBox ID="DD_PageSize" runat="server" Width="58px" AutoPostBack="True">
                        <Items>
                            <telerik:RadComboBoxItem Text="10" />
                            <telerik:RadComboBoxItem Text="20" />
                            <telerik:RadComboBoxItem Text="25" />
                            <telerik:RadComboBoxItem Text="50" />
                            <telerik:RadComboBoxItem Text="100" />
                            <telerik:RadComboBoxItem Text="200" />
                        </Items>
                    </telerik:RadComboBox>
      
      
                </td>
                <td id="Summery"> </td>
                <td id="Total">
                    <asp:Label ID="lbl_NumRecord" runat="server" Text="  Label" Font-Bold="true"></asp:Label>
                    <asp:Label ID="lbl_Records" runat="server" Text="Records in "></asp:Label>
                    <asp:Label ID="lbl_NumPages" runat="server" Text="Label" Font-Bold="true"></asp:Label>
                    <asp:Label ID="lbl_Pages" runat="server" Text="Pages"></asp:Label>
      
                </td>
      
            </tr>
        </table>
    </asp:Panel>
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 06 Jul 2014 in reply to Daniel Link to this post

    Hi Daniel,

    Please try to ajaxify the RadGrid using RadButton and RadComboBox as follows. From your code I have noticed that you are ajaxifying the control using Panel. Please do the following modification in your code which works fine at my end.

    ASPX:
    <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btn_Start">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btn_End">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="DD_PageSize">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

    Please provide your full code if it doesn't help.
    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top