Question

我正在创建一种基于“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来执行此操作吗？

Answer 1

tabstrip.select()将返回当前选中的标签。

Answer 2

tabStrip.select().index();

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

Answer 3

要获取选项卡的当前选定选项卡，可以使用：

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

然后可以按以下方式访问当前的标签文本：

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

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

3 个答案: