Kendo UI PanelBar条件扩展

Question

我需要Kendo UI PanelBar的帮助。

我有3个部分（3个Panel Bar）。

• 第1小组
• 第2小组
• 第3小组

这是一种单一的扩展模式。因此，您单击一个面板，然后折叠所有其他面板，并单击您展开的面板。

但是，我想添加一个条件，以便在Panel 1中存在无效数据时，则无法展开Panel 2或3。

你是怎么做到的？

Answer 1

当panel bar的项目展开并且您可以使用e.preventDefault()时，您有一个事件要抓住：

像这样：

 var onExpandEvt = function(e) {
    // access the expanded item via e.item (HTMLElement)
    // here you can put your verification......
    //if(validationFailed){
    //    e.preventDefault();
    //}
    // detach expand event handler via unbind()
    panelBar.data("kendoPanelBar").unbind("expand", onExpandEvt );
};

// attach expand event handler during initialization
var panelBar = $("#panelbar").kendoPanelBar({
    expand: onExpandEvt 
});