Tab events not firing when selecting tab programmatically

2 posts, 0 answers
  1. Ashley
    Ashley avatar
    4 posts
    Member since:
    Jun 2009

    Posted 22 Apr 2013 Link to this post

    I have a situation where the activate event (or any tab event for that matter) does not fire when i programmatically select a tab. What i am eventually attempting to do is have my app perform a search on one tab and then populate the contents of the grid within another tab (Grid tab) and have that grid be 100% height of the tab.

    Seems the grid only displays properly when the tab activate event fires (to resize the tab and grid). But its not in this case.

    JSFiddle:

    http://jsfiddle.net/jmika99/urYVe/1/

    Thanks,
    Ashley
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 25 Apr 2013 Link to this post

    Hello Ashley,

    Apologize for not getting back to you earlier.

    I believe the issue is caused by the following snippet:

    function resizeAll() {
        var tabStripElement = $("#tabstrip").kendoTabStrip();
        //....
    }
     
    where the TabStrip is initialized again. In order to achieve the desired result you should get reference to the <div> element from which the TabStrip is initialized. For your convenience I updated the jsFiddle example.

    Regards,
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top