如何使用 MarionetteJS 删除 CollectionView 的额外包装？答案

【问题标题】：How to remove extra wrappers for CollectionView with MarionetteJS?如何使用 MarionetteJS 删除 CollectionView 的额外包装？
【发布时间】：2013-04-22 02:54:10
【问题描述】：

我遇到了与此处讨论的 LayoutView 类似的问题，即创建了额外的包装器：Extra wrappers in Backbone and Marionette

现在，我正在尝试使用 CollectionView 并看到类似的一些意想不到的div 出现。

我的 CollectionView 看起来像：

MA.Views.Composites.Movies = Backbone.Marionette.CollectionView.extend({ 模板：'合成/电影'， }); MA.addInitializer(函数(){ MA.collections.movies = 新 MA.Collections.Movies(); MA.composites.movies = 新 MA.Views.Composites.Movies({ itemView: MA.Views.Items.Movie, 收藏：MA.collections.movies }); MA.collections.movies.fetch(); });

模板：

 <div id="movies">
   movies
 </div>

ItemView：

MA.Views.Items.Movie = Backbone.Marionette.ItemView.extend({ 模板：'项目/电影'，观看次数：{} });

和 ItemView 模板：

<div class="item">
  {{ title }}
</div>

生成的 HTML 如下所示：

【问题讨论】：

标签： backbone.js marionette backbone-views

【解决方案1】：

问题似乎是我将 CompositeView 与 CollectionView 混合在一起。通过在视图上添加className 属性，解决方案很快就会变得可见。 ItemView 不应在模板中包含包装 div，因为这是由 ItemView 添加的。

【讨论】：