LoadContentFrom loads content from one tab into another

[Peter]

Hi;

I have a tabstrip where I am using the LoadContentFrom operation to load item content. I am seeing something that I was not expecting. When the page initially loads the dynamic content retrieval is activated for the first tab. If I select another tab before the content of the first tab is loaded, then the content from the first tab is shown in the tab I selected. I would like to know how do I stop this from happening.


Peter

[Alexander Popov]

Hi Peter, 

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please provide runnable project where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Regards, Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

[Peter]

I discovered this while developing propriatary software. I cannot supply a copy. One thing to point out is that the tab content is being loaded dynamically -- and the content of the tab content is also being loaded dynamically.

Peter

[Alexander Popov]

Hello again Peter,

We do not need a copy of the software you are developing, but without replicating the issue locally we cannot provide a solution. Perhaps you could put together a simple project that reproduces the issue so we can advice you further. 
 
Regards,
Alexander Popov
Telerik

[Peter]

Hi;

Attached is an example that demonstrates what we are seeing. When the application starts select tab 2. You will see the content from tab 1 loaded below the content in tab 2.

Note: I had to remove the packages and libraries from the solution to bring the zip file size down.

Peter

[Alexander Popov]

Hello again Peter,

Thank you for the provided project. I managed to reproduce this behavior and it seems this is indeed an issue in the current Kendo UI version. I reported this to our developers, however I cannot be specific exactly when a fix will be available. I would suggest to regularly check KendoUI RoadMap for updates on the matter. 

As a small sign of appreciation, I updated your Telerik points.
 
Regards,
Alexander Popov
Telerik

[Alexander Popov]

The developers just confirmed that a fix for this issue will be included in our next internal build, which can be downloaded here.

Regards,
Alexander Popov
Telerik

[Peter]

Hi;

I'm using V2013.2.918.340 and I'm still getting the problem. Has this issue been fixed?

Peter

[Alexander Popov]

Hi Peter,

Yes, this issue has been fixed. Please upgrade to our latest internal build.

Regards,
Alexander Popov
Telerik

[Aaron]

Hi, Alex,

We are having the same problem and just applied the latest version of 2013.3.1408, however, by making sure everything is in place for this version, all css, js files are there and dll is latest as well, we still get the same problem, please help!

[Alexander Popov]

Hi Aaron,

I tried reproducing this using Kendo UI v2013.3.1324, but everything worked as expected. Could you please provide a small runnable project that isolates only the issue you are having? This makes it much easier to locate the issue which usually leads to its faster resolving.

Regards,
Alexander Popov
Telerik

[Teja]

@(Html.Kendo().TabStrip()
            .Name("MT")
            .Items(tabstrip =>
            {
                tabstrip.Add().Text("Tab1")
                    .LoadContentFrom(Url.Action("Countries", "Master"));

                tabstrip.Add().Text("Tab2")
                    .LoadContentFrom(Url.Action("States", "Master"));
            })
    
)

 

I am getting the same issue. Countries and States will load into Kendo Grid in separate tabs. Some times one of the grid is taking time or failing to load (no JS issues or data issues) and if user click on another tab then Tab2 data will be displaying in Tab1.

I am using ASP.NET CORE and 2021 Q1 Tererik for ASPNET CORE UI.

[Ivan Danchev]

Hello,

We are not aware of such behavior and any potential relation to the TabStrip. It just serves as a container of Html or components nested in it and does not affect the way data is loaded in those components.

There is something to have in mind when nesting components in the TabStrip, and that's to ensure they have unique ids (names). For example, if you have a Grid in Tab1 and another Grid in Tab2, those Grids should have different ids.

Attached you can find a sample project that uses the TabStrip declaration you posted. A Grid is loaded in each tab. Note the different names of the Grids: .Name("country-grid") and .Name("state-grid")

The Grids are loaded and displayed as expected.

Feel free to modify the example, to demonstrate the problematic behavior.

Regards,
Ivan Danchev
Progress Telerik