1

大家好，这里是我的 js 文件，我在第 24 行收到关于每个函数的错误消息，我不知道为什么我找不到问题所在。我只是想在 console.log 面板上查看项目列表，但它甚至没有在 html 页面上给我列表。

(function() {

    window.App = {

        Models: {},
        Collections: {},
        Views: {}
    };

    window.template = function(id){
        return _.template( $('#' + id).html() );
    };

App.Models.Task = Backbone.Model.extend({});

App.Collections.Task = Backbone.Collection.extend({
    model: App.Models.Task
});

App.Views.Tasks = Backbone.View.extend({
    tagName: 'ul',

    render: function(){
        this.collection.each( this.addOne, this);

        return this;
    },

    addOne: function(task){
        //creating new child view
        var taskView = new App.Views.Task({ model: task });

        //append to the root element
        this.$el.append(taskView.render().el);
    }
});

App.Views.Task = Backbone.View.extend({
    tagName: 'li',

    template: template('taskTemplate'),

    events: {
        'click .edit': 'editTask'
    },

    editTask: function(){
        alert('you are editing the tas.');
    },

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

});


var tasksCollection = new App.Views.Task([
{
    title: 'Go to the store',
    priority: 4
},
{
    title: 'Go to the mall',
    priority: 3
},
{
    title: 'get to work',
    priority: 5
}
]);

var tasksView = new App.Views.Tasks({ collection: tasksCollection });

$('.tasks').html(tasksView.render().el);

})();
4

2 回答 2

1

您正在创建一个视图实例，就好像它是一个类：

App.Views.Tasks = Backbone.View.extend({ /* ... */ });

var tasksCollection = new App.Views.Task([
{
    title: 'Go to the store',
    priority: 4
},
//...

然后你创建该视图的另一个实例并把它tasksCollection当作一个集合来传递：

var tasksView = new App.Views.Tasks({ collection: tasksCollection });

但是视图和集合是不同的东西，只有集合才有each方法（当然，除非你each在视图中添加一个）。

您想创建tasksCollection为App.Collections.Task：

var tasksCollection = new App.Collections.Task([
{
    title: 'Go to the store',
    priority: 4
},
//...
于 2013-08-15T16:24:30.650 回答
0

您好，这是因为您的每种方法都无法找到该集合。以及奇异的任务到任务

在这一行：改变这个

var tasksCollection = new App.Views.Task([

到，这个：

var tasksCollection = new App.Collections.Tasks([
于 2014-02-27T05:45:29.507 回答