木偶集合查看多个dom追加

Question

我有以下模板用于木偶应用程序。 我有一组标签。当我添加一个新标签项时，我有两个不同的区域来插入dom。 Marionette.CollectionView仅在一个地方附加dom。我应该用什么来解决问题。我可以覆盖appendHtml方法，但是在删除选项卡时我需要一些工作。 允许在多个区域插入/删除的简单方法是什么。

 <script type='text/template' id="homeTabTemplate">
     <ul class="nav nav-tabs" id="tablist">
        <li><a href="#home" data-toggle="tab">Home</a></li>
        <!-- #1 append li tab here -->
     </ul>

     <div class="tab-content" id="tabcontent">
         <div class="tab-pane active" id="home">
         </div>
         <!-- #2 append tab-pane here -->
     </div>
 </script>

Answer 1

最简单的是有2个视图引用相同的 isntance集合。

当您从该集合中添加/删除时，两个视图都将自动更新。

要将这两个子视图作为一个“逻辑”视图进行管理，请使用Marionette布局。