Kendo UI PanelBar有条件的展开

Question

我需要Kendo UI PanelBar的帮助。

我有3个部分（3个面板栏）。

• 小组1
• 小组2
• 面板3

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

但是，我想添加一个条件，以便如果面板1中有无效数据，则不能展开面板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 
});