如何让 KendoPanel 的所有部分展开

Question

我刚开始使用 KendoPanel，我想在特定条件下展开面板的所有部分。我正在使用以下代码来实现：

var panelbar = $("#KendoPanel").kendoPanelBar();
                    var kendoPanelbar = panelbar.data().kendoPanelBar;
                    kendoPanelbar.collapse($("li", panelbar.element));

似乎是收缩所有部分而不是扩展它们。我做错了什么？

Answer 1

请尝试使用以下代码片段。

<ul id="mypanelbar">
    <li class="k-state-active">First Item
                <ul>
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
                    <li>Sub Item 3</li>
                    <li>Sub Item 4</li>
                </ul>
    </li>
    <li>Second Item
                <ul>
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
                    <li>Sub Item 3</li>
                    <li>Sub Item 4</li>
                </ul>
    </li>
    <li>Third Item
                <ul>
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
                    <li>Sub Item 3</li>
                    <li>Sub Item 4</li>
                </ul>
    </li>
    <li>Fourth Item
                <ul>
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
                    <li>Sub Item 3</li>
                    <li>Sub Item 4</li>
                </ul>
    </li>
    <li>Fifth Item
                <ul>
                    <li>Sub Item 1</li>
                    <li>Sub Item 2</li>
                    <li>Sub Item 3</li>
                    <li>Sub Item 4</li>
                </ul>
    </li>
</ul>

<script>
    var panelBar;
    $(document).ready(function () {
        panelBar = $("#mypanelbar").kendoPanelBar().data("kendoPanelBar");
        // Expand all item
        panelBar.expand($("#mypanelbar li.k-item"));
    });
</script>

如有任何疑问，请告诉我。

如何让 KendoPanel 的所有部分展开

How to have KendoPanel's all the sections expand

javascript

jquery

kendo-ui

telerik

kendo-panelbar