打开/选择KendoUI PanelBar

时间:2012-11-27 09:09:13

标签: kendo-ui panelbar

当我点击PanelBar的一个栏时,我同时选择了该选项并切换它(打开/关闭)。是否可以不打开它,只需选择点击控制打开/关闭的图标?

2 个答案:

答案 0 :(得分:2)

我担心这不受支持。作为部分解决方法,您可以通过单击展开箭头来扩展和选择PanelBar:

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

不幸的是,只需选择(突出显示该项目)而不扩展它就可以处理更多逻辑。

答案 1 :(得分:1)

$("#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();
})