CODEWITHSUNDEEP
kendo-uipanelbar
OnaBai
OnaBai

Reputation: 40887

Open/Select KendoUI PanelBar

When I click on a bar of a PanelBar I both select the option as well I toggle it (open / close). Is it possible not to open it but just select and click on the icon for controlling open/close?

Upvotes: 0

Views: 1842

Answers (2)

Ajai Johal
Ajai Johal

Reputation: 89

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

Upvotes: 1

Petur Subev
Petur Subev

Reputation: 20203

I am afraid this is not supported. As a partial work-around you can make the PanelBar expand and select only by clicking the expand arrow like this:

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

Unfortunately there is much more logic to be handled to just select (highlight the item) without expanding it.

Upvotes: 2

Related Questions