Backbone を使用して初めてのアプリを作成しています。基本的に、2 レベルの深さの順序付けられていないリストがあります。
<ul class="cabinet">
<li class="drawer">
<a>Drawer 1</a>
<ul class="boxes">
<li> Box 1 </li>
<li> Box 2 </li>
</ul>
</li>
<li class="drawer">
<a>Drawer 2</a>
<ul class="boxes">
<li> Box 3 </li>
<li> Box 4 </li>
</ul>
</li>
</ul>
Backbone で、2 つのコレクション ("Drawers" と "Boxes") を作成し、それらに関連付けられたビューを作成しました。私の問題は、第 2 レベルのリスト項目をどのように処理すればよいかわからないことです。
現時点では、ボックス用のバックボーン コレクションが 1 つあり、コレクションに新しいボックスを追加するたびに、各引き出しの下にレンダリングされます。親引き出しに基づいてボックスのグループをどうにかして分離する必要がありますが、「バックボーンの方法」でこれを行う方法がわかりません。
つまり、ボックス 3 とボックス 4 の要素を引き出し 2 に追加する必要があるとします。この 2 つの「ボックス」を「引き出し 2」の下にレンダリングするにはどうすればよいでしょうか。引き出しのボックス グループごとに個別のコレクションを用意する必要がありますか? もしそうなら、バックボーンでこの目的でコレクションを動的に作成するにはどうすればよいですか? 他に方法はありますか?