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

Page should not be refreshed on tab click.

19 Answers 491 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kishor
Top achievements
Rank 2
Kishor asked on 23 Oct 2012, 04:48 AM
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.

19 Answers, 1 is accepted

Sort by
0
Nencho
Telerik team
answered on 23 Oct 2012, 02:02 PM
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.
0
Kishor
Top achievements
Rank 2
answered on 25 Oct 2012, 06:35 AM
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
0
Nencho
Telerik team
answered on 26 Oct 2012, 02:50 PM
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.
0
Kiran
Top achievements
Rank 1
answered on 31 Jan 2020, 09:16 PM

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.

0
Kiran
Top achievements
Rank 1
answered on 04 Feb 2020, 09:29 PM

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

0
Kiran
Top achievements
Rank 1
answered on 04 Feb 2020, 09:41 PM
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.
0
Vessy
Telerik team
answered on 05 Feb 2020, 03:39 PM

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.
0
Kiran
Top achievements
Rank 1
answered on 05 Feb 2020, 05:17 PM

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>

0
Vessy
Telerik team
answered on 10 Feb 2020, 09:54 AM

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.
0
Kiran
Top achievements
Rank 1
answered on 10 Feb 2020, 03:19 PM
Thank you Vessy. I am not able to upload my Zipped folder.
0
Vessy
Telerik team
answered on 13 Feb 2020, 11:15 AM

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.
0
Kiran
Top achievements
Rank 1
answered on 13 Feb 2020, 01:06 PM

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.

0
Vessy
Telerik team
answered on 18 Feb 2020, 11:33 AM

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.
0
Kiran
Top achievements
Rank 1
answered on 26 Feb 2020, 09:17 PM

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.

0
Vessy
Telerik team
answered on 28 Feb 2020, 04:13 PM

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.
0
Kishor
Top achievements
Rank 2
answered on 30 Dec 2020, 09:54 AM

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.

0
Vessy
Telerik team
answered on 04 Jan 2021, 08:54 AM

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/.

0
Kishor
Top achievements
Rank 2
answered on 07 Jan 2021, 07:17 AM

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.

0
Vessy
Telerik team
answered on 11 Jan 2021, 06:02 PM

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/.

Tags
General Discussions
Asked by
Kishor
Top achievements
Rank 2
Answers by
Nencho
Telerik team
Kishor
Top achievements
Rank 2
Kiran
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or