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

ASP AJAX PANEL Setting Inside a User-Control

1 Answer 77 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 06 Jul 2014, 07:50 AM
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>

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 07 Jul 2014, 03:56 AM
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.
Tags
Ajax
Asked by
Daniel
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or