如何讓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> 

讓我知道是否有任何問題。