Как развернуть все разделы 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> 

Дайте мне знать, если есть вопросы.