1

次のようなコードで 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>

うまくいけば、あなたは私を助けることができます. ありがとう。

4

2 に答える 2

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 -->開始/終了マーカーとして機能し、内部にマークアップを含む「仮想要素」を定義します。Knockout は、この仮想要素の構文を理解し、実際のコンテナー要素があるかのようにバインドします。

于 2015-11-13T09:23:33.943 に答える
1

@super cool 返事遅くなってごめんね

ところで、あなたの努力に感謝します。とにかく、次のようにして機能させることができました：

  <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 のフィールドです

于 2015-11-18T07:39:21.727 に答える