Question

我对backbone.js中的集合有问题，我做错了。这是我的模特

var Point = Backbone.Model.extend({
    defaults: {
        x: 0.0,
        y: 0.0,
        z: 0.0,
    },

    validate: function(attrs) {
        if(!isNumber(attrs.x) || !isNumber(attrs.y) || !isNumber(attrs.z))
            return "Discovered NaN point";
        else return null;
    },
});

我的收藏：

var TrackCollection = Backbone.Collection.extend({
    model: Point,
});

观点：

var TrackView = Backbone.View.extend({
    initialize: function() {
        _bind('all', this.render, this);
    },

    render: function() {
        console.log(this.collection.models);
        return this
    },        
});

在我的家庭观点中，我做了：

var c = new TrackCollection();
c.add({ x: 1, y: 1, z: 1});
c.add({ x: 1, y: 1, z: 1});
c.add({ x: 1, y: 1, z: 1});
var v = new TrackView({
    collection: c,
});
v.render();

为什么是console.log（this.collection.models）;在render方法中返回一个空数组？相反，如果我将其更改为console.log（this.collection）;它返回我的集合对象..

EDIT 这里是家庭观点

window.HomeView = Backbone.View.extend({

    initialize: function() {
    },

    events: {
        "click #makeIT": "makeIT",
    },

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

    makeIT: function(e) {

        var c = new TrackCollection();
        c.add({ x: 1, y: 1, z: 1});
        c.add({ x: 1, y: 1, z: 1});
        c.add({ x: 1, y: 1, z: 1});

        var v = new TrackView({
            collection: c
        });

        v.render();
    }

});

如果我复制makeIT内容并将其放在同一个文件中，那么模型和集合就可以了，否则没有

Answer 1

您的代码中似乎有一些语法错误，因为您错过了。对于下划线绑定方法（_.bind），您在模型视图和集合中有额外的逗号。

那说它似乎对我有用，这里是你的代码的快速jsfiddle（我将日志切换为警报）。

console.log上的集合模型为空

1 个答案: