Kendo tabstrip(index) not working

Question

I've Two tabs, First tab where I've defined class = "k-state-active" . In 2nd tab, i've few buttons & Grid . Based on button click I need Grid (in the 2nd tab) to be populated (server side) after the postback. I've below JQuery to show 2nd tab after postback which is not working.

$(function () {
   $('Button').click(function () {
   var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");​​
   tabstrip.select(1);
   });
});

With above code, I'm getting first tab instead of 2nd tab after button click. Please help.

Answer 1

remove this part of the code .kendoTabStrip()

Thus it will become:

$(function () {
   $('Button').click(function () {
   var tabstrip = $("#tabstrip").data("kendoTabStrip");​​
   tabstrip.select(1);
   });
});