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

Ajax with Nested panels

1 Answer 126 Views

Ajax

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

Rita15 asked on 06 Apr 2010, 08:51 PM

Hi,
Can someone please help me to set up Ajax setting for the following scenario.
1) There is a RadAjax Manager in Master Page.
2) In Content page, I have the following Control structure.

    
            <asp:Content ID="topPaneContent" ContentPlaceHolderID="Right_Content" runat="server">     
        
             <telerik:RadAjaxPanel ID="IDRLoadingPanel" runat="server" EnableAJAX="false"> 
        
              <telerik:RadSplitter ID="IDRSplitter" runat="server" Orientation="Horizontal" Width="100%"> 
        
                   <telerik:RadPane ID="IDRMainPane" runat="server"> 
        
                        <asp:Button ID="UpdateBtn" runat="server" Text="Update" OnClick="UpdateBtn_OnClick"/> 
        
                        <asp:Button ID="AddBtn" runat="server" Text="Add" OnClick="AddBtn_OnClick"/> 
        
                        <asp:Button ID="DeleteBtn" runat="server" Text="Delete" OnClick="DeleteBtn_OnClick"/> 
        
                        <asp:Button ID="RefreshBtn" runat="server" Text="Refresh" OnClick="RefreshBtn_OnClick"/> 
        
                        <asp:SqlDataSource ID="dataSourceIDRs" runat="server" ConnectionString="<%$ ConnectionStrings:SQL_AppConString %>" 
        
                        SelectCommand="IDR_GET_IDR_LIST" SelectCommandType="StoredProcedure"> 
        
                            <SelectParameters> 
        
                                <asp:Parameter Name="IDRType" DefaultValue="~" /> 
        
                            </SelectParameters> 
        
                        </asp:SqlDataSource> 
        
                        <telerik:RadGrid ID="grdIDR" runat="server" DataSourceID="dataSourceIDRs"  
        
                        AllowFilteringByColumn="True" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True"  
        
                        GridLines="None" Width="100%" OnSelectedIndexChanged="grdIDR_SelectedIndexChanged"  
        
                        ClientSettings-Selecting-AllowRowSelect="true" ClientSettings-EnablePostBackOnRowClick="true" > 
        
                            <PagerStyle HorizontalAlign="Left" Mode="NextPrev" Position="Top"  
        
                                VerticalAlign="Top" Wrap="True" AlwaysVisible="True" BorderStyle="None" /> 
        
                            <MasterTableView> 
        
                                <RowIndicatorColumn> 
        
                                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                                </RowIndicatorColumn> 
        
                                <ExpandCollapseColumn> 
        
                                    <HeaderStyle Width="20px"></HeaderStyle> 
        
                                </ExpandCollapseColumn> 
        
                                <Columns>   
        
                                       <telerik:GridBoundColumn DataField="IDR_ID" HeaderText="IDRID" UniqueName="IDR_ID" ReadOnly="True">    
        
                                       </telerik:GridBoundColumn> 
        
                                       <telerik:GridBoundColumn DataField="IDR_TYPE" HeaderText="IDR Type" UniqueName="IDR_TYPE" ReadOnly="True">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_CERT_REG_NUMBER" HeaderText="Certfication/Registration No" UniqueName="REQUESTOR_CERT_REG_NUMBER">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_FIRST_NAME" HeaderText="First Name" UniqueName="REQUESTOR_FIRST_NAME">    
        
                                       </telerik:GridBoundColumn>   
        
                                       <telerik:GridBoundColumn DataField="REQUESTOR_LAST_NAME" HeaderText="Last Name" UniqueName="REQUESTOR_LAST_NAME">    
        
                                       </telerik:GridBoundColumn>   
        
                                </Columns>   
        
                            </MasterTableView> 
        
                            <ClientSettings EnablePostBackOnRowClick="True"> 
        
                                <Selecting AllowRowSelect="True" /> 
        
                                <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                            </ClientSettings> 
        
                        </telerik:RadGrid> 
        
                   </telerik:RadPane> 
        
                   <telerik:RadSplitBar ID="IDRSplitBar" runat="server" CollapseMode="Both" /> 
        
                   <telerik:RadPane ID="IDRDetailPane" runat="server"> 
        
                        <telerik:RadTextBox ID="IdrIdTB" runat="server" Text="" BorderWidth="0" ReadOnly="true" ReadOnlyStyle-BackColor="LightGray"></telerik:RadTextBox>  
        
                        <telerik:RadSplitter ID="IDRBottomPaneSplitter" runat="server" Orientation="Horizontal" Width="100%"> 
        
                                 <telerik:RadPane ID="IDRDetailToppane" runat="server"> 
        
                                     <telerik:RadAjaxPanel ID="IDRDetailRAP" runat="server" /> 
        
                                 </telerik:RadPane> 
        
                                 <telerik:RadSplitBar ID="IDRDetailSplitBar" runat="server" CollapseMode="Both" /> 
        
                                 <telerik:RadPane ID="IDRDetailBottomPane" runat="server"> 
        
                                    <telerik:RadAjaxPanel ID="SaveMenuPanel" runat="server">    
        
                                        <telerik:RadMenu ID="IDRSaveMenu" runat="server" Width="100%" OnItemClick="IDRSaveMenu_ItemClick"> 
        
                                             <DefaultGroupSettings ExpandDirection="Auto" Flow="Horizontal" /> 
        
                                             <Items> 
        
                                                <telerik:RadMenuItem runat="server" Text="Save" Value="Save"/> 
        
                                                <telerik:RadMenuItem runat="server" Text="Cancel" Value="Cancel"/> 
        
                                                <telerik:RadMenuItem runat="server" Text="Add" Value="Add"/> 
        
                                             </Items> 
        
                                        </telerik:RadMenu> 
        
                                   </telerik:RadAjaxPanel>    
        
                                 </telerik:RadPane> 
        
                             </telerik:RadSplitter> 
        
                  </telerik:RadPane>    
        
              </telerik:RadSplitter> 
        
             </telerik:RadAjaxPanel> 
        
            </asp:Content>

Objective:
IDRDetailRAP dynamiccally loads a form as user control. my objective is when the Update button is clicked , all the controls should get refreshed without flickering.

I tried to put all the control inside a RadajaxPanel, but it did not work.

Please help me.

Thanks!

1 Answer, 1 is accepted

answered on 09 Apr 2010, 02:36 PM

Hello Rita,

Could you please try setting the EnableAJAX property of the RadAjaxPanel to true:

<asp:Content ID="topPaneContent" ContentPlaceHolderID="Right_Content" runat="server">

<telerik:RadAjaxPanel ID="IDRLoadingPanel" runat="server" EnableAJAX="True">

....

If this does not help to resolve the described issue, would it be possible for you to prepare and send us a simple running project, demonstrating this problem. You could open a formal support ticket from your Telerik account and attach a ZIP file there. In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

Regards,
Radoslav
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.