Kendo TabStrip:获取Selected事件的选定索引(MVC 4)

时间:2013-03-26 20:01:14

标签: asp.net asp.net-mvc telerik kendo-ui

我的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"))
              )

在Javascript中,我得到了选择的项目:

     function tabstrip_select(e) {
         var x = e.item;
     }

问题:如何从此函数中获取选定索引(即“1”)。我查看了Item对象,但没有看到任何明显的东西。

1 个答案:

答案 0 :(得分:12)

您可以通过index()

调用$(e.item)来获取当前选定的索引
function tabstrip_select(e) {
    var x = e.item;
    var selectedIndex = $(e.item).index();
}

使用JSFiddle进行演示。