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

Dynamically added tab content showing in other tabs.

2 Answers 25 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Chinonso
Top achievements
Rank 1
Chinonso asked on 03 Nov 2017, 10:46 PM

Hi there, i am running into an issue, i have a nested TabStrip. On the CONTROL CENTER Tab, if i select a page, the page is added to the NESTED PAGES TabStrip. The problem is that when i click on the previous tabs, the data from the newly added tab shows up in the existing tab(N PAGE 1 - N PAGE 3) 

 

How do i fix this problem ?.

Thanks

2 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 07 Nov 2017, 03:28 PM
Hi Chinonso,

You can work around this behavior by attaching a Select event handler to the nested TabStrip:
.Events(ev => ev.Select("onNestedTabStripSelect"))

and in the handler hide the previously selected tab's content:
function onNestedTabStripSelect(e) {
    $("#nestedTabStrip > .k-state-active").hide();
}

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Chinonso
Top achievements
Rank 1
answered on 07 Nov 2017, 04:37 PM
Thanks a lot Ivan
Tags
TabStrip
Asked by
Chinonso
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Chinonso
Top achievements
Rank 1
Share this question
or