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

Ajax with Nested panels

1 Answer 78 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Rita15
Top achievements
Rank 1
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

Sort by
0
Radoslav
Telerik team
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.
Tags
Ajax
Asked by
Rita15
Top achievements
Rank 1
Answers by
Radoslav
Telerik team
Share this question
or