Blocking Panelbar Expansion

[Josh]

I'm trying to block the expansion of a panel bar to no avail. I've tried both of these methods on the select and expand event:

function OnSelect(e) {
         e.preventDefault();
}


function OnExpand(e) {
        e.preventDefault();
}

I just really need a method to block the expansion if something fails, any suggestions or alternatives would be welcome.

[Guru]

Hi Josh, I am able to block expanding or collapsing in our apps by doing the following:

$('#PanelBar').kendoPanelBar({

   expand: function (e) {

      if (e.item.id == 'SpecificListItemID') e.preventDefault();

   }

});

I have tested this with success for both expand and collapse events.

[Coty]

I actually had a similar question to this.  Zack is correct in that you can prevent the expand within the expand method of the panelbar by calling e.preventDefault().  

However, is there a way to disable the expand from the onSelect event?  I did a workaround with a flag variable but I was hoping there was a better way.

$("#panelbar").kendoPanelBar({
    select: function (e) {
        if (expand) {
            console.log("set expand false");
            expand = false;
        } else {
            expand = true;
            console.log("set expand true");
        }
    },
    collapse: function (e) {
        console.log("collapse, expand=", expand);
        if (!expand) { e.preventDefault();}
    },
    expand: function (e) {
        console.log("expand, expand=", expand);
        if (!expand) { e.preventDefault(); }
    },
    expandMode: "multiple"
});

[Petyo]

Hello Coty,

your approach seems correct. The select event does not support prevention, currently. 

Regards,
Petyo
Telerik