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

Tab events not firing when selecting tab programmatically

1 Answer 833 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Ashley
Top achievements
Rank 1
Ashley asked on 22 Apr 2013, 05:30 PM
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

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 25 Apr 2013, 09:00 AM
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!
Tags
TabStrip
Asked by
Ashley
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or