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

Question

Kendo UI angular 2 的 TabStripComponent 有一个名为 selectTab 的方法。我该如何在 typescript 代码中使用它来激活一个选项卡？

- Stanley Chen

Answer 1

你可以使用标签条组件中的selectTab(index)方法。

首先，在视图组件中向你的标签条添加选择器：

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

现在，您可以通过模块访问选项卡条，方法如下：

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

最后，您可以使用其索引激活任何选项卡。

tabstrip.selectTab(index);

如果您想查看，请点击Plunker。

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

- Matthias Sommer

---

功能很好，但在ngOnInit中无法工作，因为必须先呈现选项卡才能引用它们。 - Bhail

@Bhail 你说得对。ngAfterViewInit 是在组件创建时标签选择器起作用的地方。 - Deepak

Answer 2

我真的找不到如何使用selectTab方法，但是您可以使用selected属性来决定哪个选项卡处于活动状态。如文档所示。

- FabioG

Answer 3

尝试

[selected]="i == selected"

或者

selected value = true from ts end

那么你想让哪个选项卡处于活动状态？

ex:selected=0; 

第一个标签将是活动的

- Pravin