代码之家 › 专栏 › 技术社区 › Vic

主干Marionette不同的复合视图

marionette backbone.js javascript

Vic · 技术社区 · 13 年前

有可能在提线木偶中有一个复合视图,里面有不同的项目视图吗?例如:

var myCompositeView = Backbone.Marionette.CompositeView.extend({
    template: Handlebars.compile(myTemplate),
    itemView: myView, // I want different views, not just myView
    initialize: function(){
        this.collection = this.model.views;
    },
    appendHtml: function(collectionView, itemView){
        collectionView.$('.container').append(itemView.el);
    }

});

基本上,根据集合中的模型,我想创建一个特定的视图。

2 回复 | 直到 13 年前

Konza 13 年前

您可以使用getItemView方法来实现这一点:

var VTbody = Backbone.Marionette.CompositeView.extend({
    template: "#emptyTemplate",
    tagName:"tbody",
    //itemView:VTr,  /*No need to specify item View */
    getItemView: function(item){
      if(item.get("type")=="details") {
            return  VTrDetails
        } else  {
            return VTr
        }
    }
});

这里的item表示集合中的模型。希望这能有所帮助。

Chris Camaratta 13 年前

您将要覆盖 buildItemView 方法:

buildItemView: function(item, ItemViewType, itemViewOptions){
  var options = _.extend({model: item}, itemViewOptions);

  build a custom view
  if (item instanceOf ModelA) {
      return new ItemViewA(options);
  }
  // else as needed

  // default view
  return new ItemViewType(options);
}

推荐文章

MeseleÅuki · 使用主干更改URL。js公司

8 年前

master00 · 如何根据需要删除主干视图。js?

8 年前

Gwater17 · 无法有条件地渲染视图木偶

8 年前

Nobody · 未捕获引用错误:主干中的html文件中未定义模型。js应用程序

8 年前

Skyler Sanders · 未捕获类型错误:_。create不是函数at function。扩展backbonejs

9 年前

sairfan · 带主干的铆钉:在href/onclick属性上调用方法(函数)

9 年前

user1358518 · 在主干表的行中创建事件

9 年前

user1692342 · 在主干视图中定义的下划线模板内调用函数

9 年前

user1358518 · _.渲染主干视图时bindAll不工作

9 年前

Tanzil Khan · 修改函数时出现odoo js错误,未定义属性“include”

9 年前