Question

我正在阅读一个教程，学习如何使用Backbone.js，我很难理解Backbone视图如何“看到”该集合。

下面是查看代码，下面是收集代码。

我可以看到变量$ albums被分配给元素中的特定类'.albums'，但我不知道这段代码如何引用'this.collection'。

视图和集合都是从标准的Backbone.View和Backbone.Collection类扩展而来的。仅仅从看它，我看不出他们甚至知道彼此存在。我假设“this”这个词指的是这个特定的LibraryView实例。

我想这是我的主要问题：

代码collection = this.collection如何能够看到外部集合？

// A wrapper view to display each album in Library
    window.LibraryView = Backbone.View.extend({         
        tagName: 'section',
        className: 'library',

        initialize: function() {
            _.bindAll(this, 'render');
            this.template = _.template($('#library-template').html());
            this.collection.bind('reset', this.render);
        },

        render: function() {            
            var $albums,
                collection = this.collection;           

            $(this.el).html(this.template({}));
            $albums = this.$('.albums');
            collection.each(function(album) {
                var view = new LibraryAlbumView({
                    model: album,
                    collection: collection
                });
                $albums.append(view.render().el);
            });
            return this;
        }

    });

以下是相册集：

// Albums Collection
    window.Albums = Backbone.Collection.extend({
        model: Album,
        url: '/albums'
    })

修改

我想我是通过这里的帮助找到的：

还有另一段代码创建了一个库变量并将其分配给新的专辑集合：

window.library = new Albums();

此外，在路由器中有一个初始化语句，它传入'library'变量：

initialize: function() {
            this.libraryView = new LibraryView({
                collection: window.library
            });

现在似乎更有意义了。：）

只是张贴这个，以防其他人像我一样困惑。

Answer 1

必须将集合传递给LibraryView构造函数。例如，

myLibrary = new LibraryView({
  collection: new Albums()
})

但是，这里有一点重要的魔力。传递给View构造函数的所有内容最终都在View的options属性中。但是，选定数量的属性会被复制到视图本身。因此，您可以说this.collection而不是this.options.collection。

这些特殊属性是：

'model'，'collection'，'el'，'id'，'attributes'，'className'，'tagName'

Backbone.js - View如何找到这个集合？

1 个答案: