Backbone / Marionette ItemView策略

Question

我正在建立一个网站，其博客有一些特点。 这是一种tumblr-esque体验，其中有不同的后期类型：

• Facebook的员额
• 引用
• 文章
• 研究

这些帖子共享一些常见属性，如id ， title ， post_date ， post_url_slug ，但有些属性有post_image或post_external_link 。 这完全取决于post_type ，它可以包含诸如facebook ， quote ， article等值。在渲染Marionette.CollectionView并选择一个不同的tempalte或者在处理它时，确定它是什么类型的好策略是什么？我的模板中带有下划线的任意javascript的模板？ 任何输入将不胜感激。

谢谢！

Answer 1

绝对不要将逻辑放在视图模板中。 这将导致痛苦，痛苦，仇恨和黑暗的一面。 ：P

您可以覆盖CollectionView或CompositeView上的getItemView方法，并使用它来确定所需的视图类型。 https://github.com/marionettejs/backbone.marionette/blob/master/src/marionette.collectionview.js#L122

var Stuff = Marionette.CollectionView.extend({
  // ...,

  getItemView: function(item){
    var type = item.get("whatever_field");
    var viewType;
    if (type === "some value"){
      viewType = SomeViewType;
    } else {
      viewType = AnotherViewType;
    }
    return viewType;
  }
});

Answer 2

您应该只有一个ItemView，而不必覆盖CollectionView的getItemView。 ItemView应该是决定使用模板的人，这就是getTemplate的用途。 它应该如下所示：

var MyItemView = Marionette.ItemView.extend({
    getTemplate: function() {
        var template;
        switch(this.model.get('type')) {
            case 'facebook':
                template = 'Template for Facebook type';
                break;
            case 'quote':
                template = 'Template for Quote type';
                break;
            case 'article':
                template = 'Template for Article type';
                break;
        }
        return template;
    }
});

这样，您只有一个ItemView用于您拥有的模型，并且渲染决策将保留给模板。

Answer 3

您可以在ItemView初始化函数中进行处理，然后在此处切换模板。 只要您打算使用相同的事件交叉发布类型