Page should not be refreshed on tab click.

20 posts, 0 answers
  1. Kishor
    Kishor avatar
    84 posts
    Member since:
    Oct 2012

    Posted 22 Oct 2012 Link to this post

    Hi,

    I have used a RAD tab strip which has multiple pages. When I click any tab the page gets refreshed.

    Also, I cannot use combo box and date time picker in TAB pages.

    How can I achieve this?

    Thanks,

    Kishor.
  2. Nencho
    Admin
    Nencho avatar
    1880 posts

    Posted 23 Oct 2012 Link to this post

    Hello Kishor,

    Could you check if you have set the AutoPostBack property of the RadTabStrip to "True", because this might cause the described page refresh? In addition, could you elaborate a bit more about the problem you face, when trying to implement RadComboBox and the DateTime picker?


    Greetings,
    Nencho
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Kishor
    Kishor avatar
    84 posts
    Member since:
    Oct 2012

    Posted 25 Oct 2012 Link to this post

    hello sir
       
        Even autopostback of RadTabstrip  is not set to true  the page gets refresh when tab is click.

        and when RadGrid is used in Tabpage its filter control does not work.
        can i get any solution for this problem.

    thanks kishor
  4. Nencho
    Admin
    Nencho avatar
    1880 posts

    Posted 26 Oct 2012 Link to this post

    Hello Kishor,
     
    As for the problems that you experienced with the filtering, I have performed some test with our online demo, but I was unable to replicate the experienced problem. Here is a video demonstrating the behavior at my end. For that matter, we would need a runnable sample demonstrating the problematic behavior for both issues that you had faced. Thus we could perform some tests locally and troubleshoot the problems.

    Kind regards,
    Nencho
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 31 Jan 2020 Link to this post

    Hi,

    I want to refresh the radgrid within the RadTab on every RadTab Click. Basically, refresh the Tab content when user selects a tab within RadTabstrip. I tried using RadAjaxManager but it refreshes the entire page. I am trying to avoid entire page refresh. Would want to simply rebind the radgrid when user selects the tab.

     

    Thank you.

  6. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 04 Feb 2020 in reply to Kiran Link to this post

    I found the solution. I put the RadTabStrip within the update Panel and guess what? This does not reload the whole page. Hope this helps someone. Here is my code:

    ASPX:

     <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">      
               <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadTabStrip2">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip2" ></telerik:AjaxUpdatedControl>
                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" ></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                   <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadMultiPage1"></telerik:AjaxUpdatedControl>
                        </UpdatedControls>
                    </telerik:AjaxSetting>
            </AjaxSettings>
          </telerik:RadAjaxManager>
          
          <telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1" Skin="Black">
            </telerik:RadAjaxLoadingPanel>

     

     <asp:UpdatePanel runat="server">
              <ContentTemplate>   
        
                <telerik:RadTabStrip ID="RadTabStrip2" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Black" AutoPostBack="true" RenderMode="Lightweight" OnTabClick="RadTabStrip2_TabClick"  >
                    <Tabs>
                        <telerik:RadTab runat="server" PageViewID="PV_MISSHIP" Text="ON HANDS" Font-Size="Small" SelectedIndex="0" Selected="True" >
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" PageViewID="PV_DAMAGE" Text="ON HANDS - OBL" Font-Size="Small" SelectedIndex="1" ScrollPosition="1">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" PageViewID="PV_SHIP" Text="ON HANDS - SHIP DAY" Font-Size="Small" SelectedIndex="2" ScrollPosition="2">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>  
            </ContentTemplate>
          </asp:UpdatePanel>   

              
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" BackColor="Transparent" BorderStyle="None" SelectedIndex="1" Width="100%">

    ...........

    ..........

    </telerik:RadMultiPage>

     

    VB.NET:

        Protected Sub RadTabStrip2_TabClick(sender As Object, e As RadTabStripEventArgs)
            If e.Tab.PageViewID = "PV_MISSHIP" Then
                rgOnHands.Rebind()
            ElseIf e.Tab.PageViewID = "PV_DAMAGE" Then
                rgOnHands_OBL.Rebind()
            ElseIf e.Tab.PageViewID = "PV_SHIP" Then
                rgOnHands_ShipDay.Rebind()
            End If
        End Sub

  7. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 04 Feb 2020 in reply to Kiran Link to this post

    Sorry! Putting RadTabStrip within the Update Panel brought in same information across all tabs. For example: I have three radgrids: By putting radtabstrip within updatepanel made all three radgrids bearing the same data across all three tabs.
  8. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 05 Feb 2020 Link to this post

    Hi Kiran,

    Using both AjaxManager and UpdatePanel on the same page leads to nested AJAX panels cancelling each others and is strongly not recommended. Using the AjaxManager in the way set up by you is the proper solution. For convenience, I am attaching a sample page based on the provided by you snippets the AJAX updates in which are working properly, so you can examine it at your end and compare it with your actual configuration. The only thing that I changed is removing the set skin and keeping the selected indexes only on the fist tab and first PageView.

    I hope this helps.

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
  9. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 05 Feb 2020 in reply to Vessy Link to this post

    Hi Vessy,

    I took out all the UpdatePanel and strictly used the RadAjaxManager. It did not help. Apart from the now that the update panels are gone, every checkbox click within the nested radgrid of the Parent Radgrid is now doing a postback which causes the entire page to reload even after trying to add the parent radgrid to the radajaxmanager. 

     <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">      
               <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadTabStrip2">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip2" ></telerik:AjaxUpdatedControl>
                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" ></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadMultiPage1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadMultiPage1"></telerik:AjaxUpdatedControl>
                        <telerik:AjaxUpdatedControl ControlID="rgOnHands"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="rgOnHands">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgOnHands"></telerik:AjaxUpdatedControl>
                    </UpdatedControls>
                </telerik:AjaxSetting>

            </AjaxSettings>
          </telerik:RadAjaxManager>

  10. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 10 Feb 2020 Link to this post

    Hi Kiran,

    I will need to examine the exact setup leading to the described issue in order to be able to assist you further on this matter. Can you, please, send me a small sample where I can reproduce the problematic behavior and debug what is causing it? I You can use the project attached in my previous reply as a base when preparing the sample or follow the instructions from the following post:

    https://www.telerik.com/blogs/isolating-a-problem-in-a-sample-project

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
  11. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 10 Feb 2020 in reply to Vessy Link to this post

    Thank you Vessy. I am not able to upload my Zipped folder.
  12. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 13 Feb 2020 Link to this post

    Hi Kiran,

    The zip archives are not allowed in the forum posts, but you can open a primary support ticket and attach the prepared project in it.

    Kind regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
  13. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 13 Feb 2020 in reply to Vessy Link to this post

    Hi Vessy,

    I did! Unfortunately, the data is giving Attila a hard time and so I asked him to close the ticket. :( Ticket No: 1452288.

    Thank you.

  14. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 18 Feb 2020 Link to this post

    Hi Kiran,

    I reviewed the linked thread and it seems that Attila was not able to debug the project due to not fully extracted SQL script. Can you, please, try to create a sample DB containing only several "dummy" records matching your DB structure and send it so we can examine the project further?

    Meanwhile, please, make sure that the html added on the page is valid as this also can break the controls behavior.

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
  15. Kiran
    Kiran  avatar
    57 posts
    Member since:
    Oct 2018

    Posted 26 Feb 2020 in reply to Vessy Link to this post

    Hi Vessy,

    I finally got this to work. The only change I had to make is to put the RadScriptManager before the RadAjaxManager. All these days RadajaxManager was first and then comes the scriptmanager. Once I made the switch, works like a charm! You are the best!

    Thank you.

  16. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 28 Feb 2020 Link to this post

    Hi,

    You are welcome, Kiran, thanks a lot for the update. I am really glad you have found the root of the problem and everything behaves properly now.

    Regards,
    Vessy
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
  17. Kishor
    Kishor avatar
    84 posts
    Member since:
    Oct 2012

    Posted 30 Dec 2020 Link to this post

    how to update to Telerik version in SharePoint 2013 production server?

    Do we need to build solution again or just need to add updated dlls in GAC.

    Please suggest.

    we need to upgrade the telerik version due to internal auditing.

  18. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 04 Jan Link to this post

    Hi Kishor,

    Installing the latest Telerik® Web Parts for SharePoint which supports both SharePoint 2013 and SharePoint 2016 is the way to go. You can download the installation file from your Telerik account here (you have to be logged in):

    https://www.telerik.com/account/product-download?product=AJAX%20SP

    You can find details on how to proceed with the installation here:

    https://docs.telerik.com/devtools/aspnet-ajax/sharepoint/2013/installation-and-deployment/installing-telerik-web-parts

    Regards,
    Vessy
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  19. Kishor
    Kishor avatar
    84 posts
    Member since:
    Oct 2012

    Posted 07 Jan in reply to Vessy Link to this post

    Hi Vessy,

    Actually my solution is deployed on Production Server with old telerik version.

    My requirement (client is asking to update the telerik version to latest for auditing purpose)

    So do i need to update code with latest Telerik dlls or just can replace the updated telerik dlls in Bin and GAC and web.config file.

  20. Vessy
    Admin
    Vessy avatar
    2320 posts

    Posted 11 Jan Link to this post

    Hi Kishor,

    When it is up to updating a SharePoint 2013 project, our recommendation is to install and use the Telerik® Web Parts for SharePoint. When the SharePoint 2010 Web Parts are installed on the SharePoint server via the automatic installer, the Telerik controls will be deployed on the SharePoint server without the need to manually install files in the GAC and modify the web.config of the application. If you still prefer the manual upgrade, you can perform the steps listed in the article below:

    https://docs.telerik.com/devtools/aspnet-ajax/sharepoint/2010/installation-and-deployment/installing-telerik-web-parts#manual-installation-upgrade-and-removal

    If you follow the manual steps above, you will also need to deploy the Telerik controls without the automatic installer like described here:

    https://docs.telerik.com/devtools/aspnet-ajax/sharepoint/2010/installation-and-deployment/deploying-telerik-ui-for-asp.net-ajax

    Regards,
    Vessy
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top