javascript - Marionette Collection View 多个dom追加

Question

我有以下模板可在 Marionette 应用程序中使用。 我有一个选项卡集合。当我添加一个新的选项卡项时，我有两个不同的区域来插入 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 个引用相同实例集合的 View 。

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

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