如何在kendo ui angular 2中以编程方式激活选项卡

Question

Kendo UI angular 2 TabStripComponent有一个方法selectTab。我如何使用它来激活打字稿代码中的选项卡？

Answer 1

无法真正找到如何使用selectTab方法，但您可以使用selected属性来决定哪个选项卡处于活动状态。如documentation

Answer 2

您可以使用tabstrip组件中的selectTab（index）方法。

首先，在您的视图组件选择添加到您的标签栏：

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

现在，你可以从你的模块通过

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

最后访问标签栏，您可以使用激活任何标签其指数与

tabstrip.selectTab(index); 

这是一个Plunker如果你想看一看。

请注意，如果目标选项卡被禁用，它将不会切换！