How to active a tab in kendo ui angular 2 programmatically

Question

Kendo UI angular 2 TabStripComponent has a method selectTab. How can I use it to active a tab from the typescript code?

Answer 1

You can use the selectTab(index) method from the tabstrip component.

First, add a selector to your tabstrip in your view component:

<kendo-tabstrip #tabstrip>... </kendo-tabstrip>

Now, you can access the tabstrip from your module via

@ViewChild('tabstrip') public tabstrip: TabStripComponent;

Finally, you can activate any tab using its index with

tabstrip.selectTab(index);

Here is a Plunker if you want to have a look.

Be aware that it will not switch if the targeted tab is disabled!