kendo-ui - 在 kendo ui How to Collapsing Graph 中，可以展开表格，但展开图表然后使图表和表格都可见

Question

折叠 Graph 可以展开表格，但立即展开图表也会使图表和表格都可见，反之亦然。

Answer 1

您需要实现 acollapse和expand函数处理程序。

 $("#panelbar").kendoPanelBar({
     expandMode: "single",
     expand: function (e) {
         ...
     },
     collapse: function (e) {
         ...
     }
 });

expand在这些处理程序上，您检查哪些项目正在折叠（或展开）并collapse根据您的算法决定哪些项目。

要知道哪个项目正在折叠/展开，您应该在处理程序中使用：

var itemId = $("span", e.item).attr("id");

最后一件事是记住，如果你想打开多个酒吧，你应该切换expandMode到多个。

编辑：作为您需要的第一种方法：

$("#panelbar").kendoPanelBar({
    expandMode: "multiple",
    expand    : function (e) {
        var itemId = $("span", e.item).attr("id");
        if (itemId === "Span1") {
            this.expand($("#Span2").closest("li"));
        } else {
            this.collapse($("Span1").closest("li"));
        }
    },
    collapse  : function (e) {
        var itemId = $("span", e.item).attr("id");
        if (itemId === "Span1") {
            this.expand($("#Span2").closest("li"));
        } else {
            this.collapse($("Span1").closest("li"));
        }
    }
});