9

我正在创建一种基于“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吗？

4

3 回答 3

19

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

于 2013-03-06T08:11:14.057 回答
8 
tabStrip.select().index();

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

于 2018-09-05T10:28:08.987 回答
1

要获取标签条当前选定的标签，您可以使用：

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

然后可以访问当前选项卡文本，如下所示：

var currentSelectedTabText = $(selectedTabElem).children(".k-link").text();
于 2018-10-05T10:30:51.090 回答