Dynamically added tab content showing in other tabs.

3 posts, 0 answers
  1. Chinonso
    Chinonso avatar
    48 posts
    Member since:
    Jan 2017

    Posted 03 Nov 2017 Link to this post

    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.
  3. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1582 posts

    Posted 07 Nov 2017 Link to this post

    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.
  5. Chinonso
    Chinonso avatar
    48 posts
    Member since:
    Jan 2017

    Posted 07 Nov 2017 in reply to Ivan Danchev Link to this post

    Thanks a lot Ivan
Back to Top