Backbone.Marionette CollectionView模板'undefined'

时间:2013-03-13 20:36:47

标签: backbone.js marionette collectionview backbone-rails

我一直在使用Brian Mann的BackboneRails截屏视频,因此我的应用程序结构完全符合这些。

以下定义了HomepageApp Marionette Appication的“show”部分。

My.module('HomepageApp.Show', function(Show, App, Backbone, Marionette, $, _){

  Show.Photo = Marionette.ItemView.extend({
    tagName:'span'
  });

  Show.Photos = Marionette.CollectionView.extend({  
    template: 'homepage/show/templates/photos',

    itemView:Show.Photo,
    itemViewContainer: '#photos'
  });

  Show.Layout = Marionette.Layout.extend({
    template: 'homepage/show/templates/layout',
    regions:{
      photoRegion: '#photo-region'
    }
  });
});

我还使用以下内容覆盖Marionette.Renderer.render函数:

Backbone.Marionette.Renderer.render = function(template, data){
  var path = JST["backbone/apps/" + template];  

  try{
    if(!path) throw({message: "Template '" + template + "' not found!"}); 
    return path(data);
  }

  catch(err){
    console.log(err.message);
  }
}

我的所有观点,包括此处未显示的许多观点都完美无缺。问题是Show.Photos CollectionView的'模板'属性在我的渲染器覆盖中变为'undefined',给出了以下错误:

Template 'undefined' not found!

奇怪的是,即使我根本没有为模板属性传递任何值,也会发生这种情况。

我也知道我在实例化时传递了一个有效的Backbone集合。

我完全陷入困境。有谁熟悉这种现象?

1 个答案:

答案 0 :(得分:11)

CollectionView不应该有模板,为此你应该使用CompositeView,如文档中所述:

  

CompositeView从CollectionView扩展为用作复合   查看应该表示分支和叶子的方案   树结构,或需要集合的场景   在包装模板中呈现

您可以在此处阅读更多内容:https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.compositeview.md