javascript - Marionette 集合 View 查看多个dom附加

我有以下在木偶应用程序中使用的模板。
我有一组标签。当我添加新的选项卡项目时，我有两个不同的区域可插入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>

最佳答案

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

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

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