javascript - Kendo Panelbar - 向面板添加复选框以选择多个面板标题

Question

我想要实现的是将复选框添加到面板标题中，就像我创建PanelBar的以下小提琴中一样。

下面是html：

<ul id='panelbar'>
    <li class='k-state-active'> <span class='k-link k-state-selected'>Tab 1 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 1</div>
    </li>
    <li> <span class='k-link k-state-selected'> Tab2 <input type="checkbox" class="cbSelect"/></span>
        <div>Test 2</div>
    </li>
</ul>

我发现当您尝试选中复选框时，该选项卡会打开。

单击复选框时是否可以禁用单击选项卡的 onclick 方法？

如果是这样，关于如何实现这一目标的任何想法？

Answer 1

只是防止传播：

$("#panelbar").on("click", "input.cbSelect", function(evt) {
    evt.stopPropagation();
})

请参阅：jsFiddle。