Question

我正在研究一个简单的主干.js scipt。我有一个使用模型视图形成的视图集合。这是模型视图：

//model view
 App.Views.Task = Backbone.View.extend({

    //receives model instance      
    tagName : 'li',    
    template : _.template($('#taskTemplate').html()),

    render : function() {     
       this.$el.html(this.template(this.model.toJSON()));       
       return this;     
    }    
 });

现在的问题是，如果我像这样编写集合视图，我的代码就可以了：

//collection view
 App.Views.Tasks = Backbone.View.extend({

    //receives collection instance
    tagName : 'ul',

    initialize : function(){ this.render() },

    render : function(){      
        this.collection.each(function(tas){
            var t = new App.Views.Task({model : tas});
            this.$el.append(t.render().el);
        }, this);      
    }     
 });

然后console.log(theview.el)代码没问题。

但是，如果我这样写，那就不行了：

 //collection view
 App.Views.Tasks = Backbone.View.extend({

    //receives collection instance      
    tagName : 'ul',

    render : function(){
        this.collection.each(function(tas){
            var t = new App.Views.Task({model : tas});
            this.$el.append(t.render().el);
            return this;
        }, this);    
    }    
 });

对于此代码console.log(theview.render().el)抛出Uncaught TypeError：无法读取未定义的属性'el'。

为什么？

Answer 1

您在循环中使用return语句。您只能返回一个结果。

render : function(){
  this.collection.each(function(tas){
    var t = new App.Views.Task({model : tas});
    this.$el.append(t.render().el);
  },this);

  return this;
}

骨干集合视图代码

1 个答案: