Question

我的Kendo Panelbar有一个onSelect功能

我希望能够获得所选面板的索引。

Kendo文档中的示例获取了面板的名称：

True

我只想返回0（对于顶部面板），1,2,3等等。

谢谢，

Answer 1

在每个面板标题（可点击部分）上添加id。然后你可以使用这样的东西。

$('.k-header').on('click', function(){
  var index = $(this).attr('id');
  var name = $(this).text();
  $('#output').html("name: "+name+"<br>"+"index: "+index);
});

span {
 border:2px solid cyan;
 border-radius:3px;
 display:block;
 padding:10px;
 width:300px;
 margin-bottom:10px;
 cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="0" class="k-link k-header k-state-selected">
The Dark Knight
</span>
<span id="1" class="k-link k-header k-state-selected">
The Wicker Man
</span>
<span id="2" class="k-link k-header k-state-selected">
 The Man of Steel 
</span>

<div id="output"></div>

Answer 2

我意识到这是一篇老文章，但无论如何，这是一个答案：

e.item是一个列表项，所以您只需要$( e.item ).index()

获取Kendo PanelBar索引

2 个答案: