Page should not be refreshed on tab click.

[Kishor]

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.

[Nencho]

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

[Kishor]

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

[Nencho]

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

[Kiran]

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.

[Kiran]

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

[Kiran]

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.

[Vessy]

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

[Kiran]

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>

[Vessy]

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

[Kiran]

Thank you Vessy. I am not able to upload my Zipped folder.

[Vessy]

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

[Kiran]

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.

[Vessy]

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

[Kiran]

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.

[Vessy]

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

[Kishor]

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.

[Vessy]

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

[Kishor]

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.

[Vessy]

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