Knockoutjs kendoPanelBar通過列表

Question

有誰知道這是我的代碼發生循環，其中我似乎無法不工作時得到kendoPanelBar用這樣的代碼工作：

<ul data-bind="kendoPanelBar:{}"> 
    <!--ko foreach: Students --> 
    <li>James 
    <ul> 
     <li data-bind="text: Age">Age: 25</li> 
     <li data-bind="text: Score">Score: 9/10</li> 
    </ul> 
    </li> 
    <!-- /ko --> 
</ul> 

，但是，如果沒有在foreach內循環面板欄工作正常。

<ul data-bind="kendoPanelBar:{}"> 
    <li>James 
    <ul> 
     <li>Age: 25</li> 
     <li>Score: 9/10</li> 
    </ul> 
    </li> 
</ul> 

希望你能幫助我。謝謝。

Answer 1

@super遲到響應

通過感謝你的努力的方式冷卻遺憾。反正我是能夠使它做這樣的工作：

<div data-bind="with: $root.Room"> 
    <ul data-bind="kendoPanelBar:{}"> 
    <!--ko foreach: Students --> 
    <li>James 
     <ul> 
     <li data-bind="text: Age">Age: 25</li> 
     <li data-bind="text: Score">Score: 9/10</li> 
     </ul> 
    </li> 
    <!-- /ko --> 
</ul> 
</div> 

其中$ root.Room是我MainVM場

Answer 2

你沒有正確地關閉container-less foreach在最後。

視圖：

<ul data-bind="kendoPanelBar:{}"> 
    <!--ko foreach: Students --> 
    <li>James 
    <ul> 
     <li data-bind="text: Age">Age: 25</li> 
     <li data-bind="text: Score">Score: 9/10</li> 
    </ul> 
    </li> 
    <!--/ko--> /*correction here*/ 
</ul> 

直從文檔：

的<!-- ko --> and <!-- /ko -->評論充當開始/結束標記， 定義包含標記的「虛擬元件」內。敲除 瞭解這個虛擬元素的語法，並綁定，如果你有一個真正的 容器元素。