kendo-ui - 剣道UIでは、グラフを折りたたむとテーブルが展開されますが、グラフを展開すると、グラフとテーブルの両方が表示されます

Question

グラフを折りたたむとテーブルが展開されますが、グラフをすぐに展開すると、グラフとテーブルの両方が表示されます。逆の場合も同様です。

Answer 1

collapseおよび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"));
        }
    }
});