Comment étendre toutes les sections de KendoPanel

Question

Je viens de commencer à utiliser KendoPanel et je souhaite étendre tous les segments du panneau dans certaines conditions. J'utilise le code suivant pour y parvenir:

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

On dirait que c'est contractant tous les segments au lieu de expansion eux. Qu'est-ce que je fais mal?

Answer 1

Veuillez essayer avec l'extrait de code ci-dessous.

<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> 

Faites-moi savoir si des préoccupations.