Javascript 如何获取剑道UI TabStrip中当前选定选项卡的引用?

Javascript 如何获取剑道UI TabStrip中当前选定选项卡的引用?,javascript,jquery,kendo-ui,kendo-tabstrip,Javascript,Jquery,Kendo Ui,Kendo Tabstrip,我正在创建一个基于“x”图像删除剑道UI TabStrip选项卡的方法。我希望它与其他选项卡控件(如Chrome/IE)的工作方式相同: 如果活动选项卡已关闭,则选择下一个选项卡(如果是最后一个选项卡,则选择上一个选项卡) 如果不是活动选项卡,则确保活动选项卡保持打开状态 我认为我需要获取当前选项卡的引用,然后检查正在删除的选项卡是否为活动选项卡 目前我的代码只是关闭与单击图像相关的选项卡: function DeleteTab(imgObj) { var tabStrip

我正在创建一个基于“x”图像删除剑道UI TabStrip选项卡的方法。我希望它与其他选项卡控件(如Chrome/IE)的工作方式相同:

  • 如果活动选项卡已关闭,则选择下一个选项卡(如果是最后一个选项卡,则选择上一个选项卡)
  • 如果不是活动选项卡,则确保活动选项卡保持打开状态
我认为我需要获取当前选项卡的引用,然后检查正在删除的选项卡是否为活动选项卡

目前我的代码只是关闭与单击图像相关的选项卡:

function DeleteTab(imgObj) {

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

        var deleteIndex = $(imgObj).closest("li").index();
        tabStrip.remove(deleteIndex);
}
如何获取对当前选定选项卡的引用?我可以通过搜索
k-state-active

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

tabStrip.select().index();

将返回当前选定的选项卡索引

要获取选项卡条的当前选定选项卡,可以使用:

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