使用Marionette CollectionView为每个项目创建多个视图

Using Marionette CollectionView to create multiple views per item

本文关键字:项目 创建 视图 Marionette CollectionView 使用      更新时间:2023-09-26

我有一个木偶。CollectionView,对于某些项目(模型)需要创建2个视图在模型上运行,可以木偶。CollectionView. builditemview返回2个视图?

编辑:

我不想创建另一个WrapperItemView,我已经有一些解决方案正在运行,但我想使它更标准。

我想让我的代码看起来像这样,有一个简单的方法来使它工作吗?

  buildItemView: function(item){
    // create 2 views based on item type 
    return [view1, view2];
  },
  appendHtml: function(collectionView, itemView, index){
    if (itemView.type === "X" ) 
        collectionView.$el.find(".A").append(itemView.el);
    if (itemView.type === "Y" ) 
        collectionView.$el.find(".B").append(itemView.el);
  }

为什么你的itemview不作为第二个视图的父视图,你可以在item视图的initialize函数中创建第二个视图

编辑

我仍然会创建一个百分比视图这次我将它作为你的两个视图的父视图,你的集合将创建父视图父视图将创建其中的两个视图