我正在创建一种方法来删除基于"x"图像的Kendo UI TabStrip选项卡.我想让它以与其他标签控件(例如Chrome/IE)相同的方式工作:
我相信我需要获取对当前选项卡的引用,然后检查被删除的选项卡是否为活动选项卡.
我的代码目前只是关闭与点击图像相关的标签:
function DeleteTab(imgObj) {
var tabStrip = $("#tabstrip").data("kendoTabStrip");
var deleteIndex = $(imgObj).closest("li").index();
tabStrip.remove(deleteIndex);
}
Run Code Online (Sandbox Code Playgroud)
如何获取当前所选选项卡的引用?我可以通过搜索来做到这一点k-state-active吗?
我的TabStrip如下:
@(Html.Kendo().TabStrip()
.Name("tabApplications")
.Items(items =>
{
items.Add().Text("Online").Selected(true);
items.Add().Text("Trading");
})
.Animation(false)
.Events(e=>e.Select("tabstrip_select"))
)
Run Code Online (Sandbox Code Playgroud)
在Javascript中我得到选择的项目:
function tabstrip_select(e) {
var x = e.item;
}
Run Code Online (Sandbox Code Playgroud)
问题:如何从此函数中获取选定索引(即"1").我查看了Item对象,但没有看到任何明显的东西.