Получить индекс Kendo PanelBar

Question

У меня есть функция onSelect для панели Kendo Panel

Я хочу иметь возможность получить индекс выбранной панели.

Пример в документации Kendo получает имя панели:

$(e.item).find("> .k-link").text())

Я просто хочу вернуть 0 (для верхней панели), 1, 2, 3 и т. Д.

Спасибо,

Answer 1

Я понимаю, что это старый пост, но все равно вот ответ:

e.item - это элемент списка, поэтому все, что вам нужно, это $( e.item ).index()

Answer 2

Добавить 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>