打开/选择 KendoUI 面板栏答案

【问题标题】：Open/Select KendoUI PanelBar打开/选择 KendoUI 面板栏
【发布时间】：2012-11-27 09:09:12
【问题描述】：

当我单击 PanelBar 的一个栏时，我同时选择了该选项并切换它（打开/关闭）。是否可以不打开它而只需选择并单击控制打开/关闭的图标？

【问题讨论】：

【解决方案1】：

恐怕这不被支持。作为部分解决方法，您可以使 PanelBar 展开并仅通过单击展开箭头来选择，如下所示：

$('#panelbarName>li').on('click',function(e){
   if(!$(e.target).is('.k-icon')){
      e.stopPropagation(); 
   }       
})

不幸的是，需要处理更多的逻辑来选择（突出显示项目）而不扩展它。

【讨论】：

我已接受您的建议作为未完成的回答事件（正如您已经指出的那样），但我明白了这个想法，实际上我正在寻找是否有一些（隐藏的）选项来获取它。不存在它，我会重新考虑 UI 不寻找复杂的解决方案。

【解决方案2】：

$("#panelbar>li").on("click", function (e) {
    if ($(e.target).is(".k-i-arrow-s")) {
        $("#panelbar").data("kendoPanelBar").expand($(e.target).closest("li"));
    }
    else if ($(e.target).is(".k-i-arrow-n")) {
        $("#panelbar").data("kendoPanelBar").collapse($(e.target).closest("li"));
    }
    else {
        $("#panelbar").data("kendoPanelBar").select($(e.target).closest("li"));
    }
    e.stopPropagation();
})

【讨论】：