RadGrid in RadTabStrip using RadAjax and inplace editing

4 posts, 0 answers
  1. Ed
    Ed avatar
    24 posts
    Member since:
    May 2005

    Posted 12 Nov 2008 Link to this post

    Hi All,

    We have come across a problem which I thought someone else might have come across but I can't find any mentions of it. It may just be my inexperience of the AJAX controls as I am more used to using the older rad controls.

    This is for a control panel which edits lots of database fields across different tabs to break up and group similar fields and options of an e-commerce product editing screen.

    The situation is as follows:
    We have a page (which is in a master page) that has a TabStrip on it. This TabStrip is ajaxed using a RadAjaxManager which is also on the page. It is linked to a loading panel. The TabStrip has 10 tabs. The RadMultiPage is set to RenderSelectedPageOnly.

    On tab 3 there is just a usercontrol which only has a RadGrid on it. The RadGrid has a few bound columns and an edit command button. The data is filled using an SqlDataSource control. When I click the edit button on a row it shows the loading message and then clears the grid completly (it totally disappears).

    We have worked this out to be because the RadGrid is not rendered by default as Tab 3 is not shown when you first come to the page, so we guess the Ajax call can't find it. To prove this we set the TabStrip to always start with Tab 3. Like this, when a grid edit button was clicked it would work as expected and have the grid with the selected row in edit mode.

    My RadAjaxManager is as follows:
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline"
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="TabStripCategories"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="TabStripCategories"></telerik:AjaxUpdatedControl> 
                        <telerik:AjaxUpdatedControl ControlID="MultiPageTabs" LoadingPanelID="RadAjaxItemLoadingPanel"></telerik:AjaxUpdatedControl> 
                   </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="RadGridVariations"
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="RadGridVariations" LoadingPanelID="VariationsLoadingPanel"/> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
        </telerik:RadAjaxManager> 
     

    Is there a way we can do this? It seems we kind of need the functionality similar to the RadComboBox streamer page, but for a RadGrid.

    Any suggestions or am I just going about this the wrong way? Basically want to have this large form split up across different tabs and only one is rendered (sent to the browser) at a time for a quick load time.

    Many thanks,
    Andy
  2. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 14 Nov 2008 Link to this post

    Hello Andy,

    Please try modifying your ajax settings as below and check if it makes any difference:

    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">    
       <AjaxSettings>    
           <telerik:AjaxSetting AjaxControlID="TabStripCategories">    
               <UpdatedControls>    
                   <telerik:AjaxUpdatedControl ControlID="TabStripCategories"></telerik:AjaxUpdatedControl>    
                   <telerik:AjaxUpdatedControl ControlID="MultiPageTabs" LoadingPanelID="RadAjaxItemLoadingPanel"></telerik:AjaxUpdatedControl>    
               </UpdatedControls>    
           </telerik:AjaxSetting>    
        </AjaxSettings>    
        <telerik:AjaxSetting AjaxControlID="MultiPageTabs">    
            <UpdatedControls>    
                <telerik:AjaxUpdatedControl ControlID="MultiPageTabs" LoadingPanelID="VariationsLoadingPanel"/>    
            </UpdatedControls>    
        </telerik:AjaxSetting>    
    </telerik:RadAjaxManager>  

    If you are loading the user control with the grid dynamically, please verify that you have followed the steps described here for loading user controls with RadAjax.

    Let me know how it goes.

    Regards,
    Iana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ed
    Ed avatar
    24 posts
    Member since:
    May 2005

    Posted 14 Nov 2008 Link to this post

    Hi Iana ,

    Thank you for reply. I did try your changes but that seemed to make it hang with the loading panel showing.
    I have opened a support ticket but I think I will need to make up a sample project to demonstrate this fully.

    Thanks,
    Andy
  5. Iana Tsolova
    Admin
    Iana Tsolova avatar
    3388 posts

    Posted 17 Nov 2008 Link to this post

    Hi Andy,

    Indeed, it would be of great help for finding a resolution if you send us a sample project.

    Regards,
    Iana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top