如何在 Kendo UI TabStrip 中获取对当前选定选项卡的引用？

Posted 2023-05-07

【中文标题】如何在 Kendo UI TabStrip 中获取对当前选定选项卡的引用？

【英文标题】：How do I get a reference to the currently selected tab in a Kendo UI TabStrip?

【发布时间】：2013-02-05 06:51:02

【问题描述】：

我正在创建一种基于“x”图像删除 Kendo UI TabStrip 选项卡的方法。我希望它以与其他选项卡控件（例如 Chrome/IE）相同的方式工作：

如果活动选项卡已关闭，则选择下一个选项卡（或者如果它是最后一个选项卡，则选择上一个选项卡）。 如果它不是活动选项卡，请确保活动选项卡保持打开状态。

我认为我需要获取对当前标签的引用，然后检查要删除的标签是否是活动标签。

目前我的代码只是关闭了与点击的图像相关的标签：

function DeleteTab(imgObj) 

        var tabStrip = $("#tabstrip").data("kendoTabStrip");

        var deleteIndex = $(imgObj).closest("li").index();
        tabStrip.remove(deleteIndex);

如何获得对当前选定标签的引用？我可以通过搜索k-state-active来做到这一点吗？

【参考方案1】：

tabstrip.select() 将返回当前选择的选项卡。

【参考方案2】：

tabStrip.select().index();

将返回当前选择的标签索引

【参考方案3】：

要获取tabstrip当前选中的tab，可以使用：

var selectedTabElem = $("#tabstripElemId").data('kendoTabStrip').select();// this will be the <li> element that is currently selected

然后可以访问当前标签文本如下：

var currentSelectedTabText = $(selectedTabElem).children(".k-link").text();