backbone.js - 使用 .fetch() 查看不呈现

Question

当我渲染这个视图

var MyView = Backbone.View.extend({
/* el : '.myview', used when rendered on router request */
    render : function () {
        var data = new Data(); /* a collection from ajax request */
        var that = this;

        data.fetch({
            success : function (bla, data) {
                var template = _.template( $('#temp').html(), {data: data.players} );
                that.$el.html(template);
            }
        });
    }
});

根据路由器请求，它可以工作：

var Router = Backbone.Router.extend({
    routes : {
        'bla' : 'bla'
    }
});

var myView = new MyView();

var router = new Router();
router.on('route:bla', function () {
    myView.render();
});

但是，当我只想让它随页面一起加载时，它不会：

var myView = new MyView({ el: $(".myview") });

Answer 1

因为在您发布的最后一行中，您缺少对渲染函数的调用。

var myView = new MyView({ el: $(".myview") });
myView.render();

除此之外，我看到初始化的工作流程有点奇怪。即，请求.render()函数内部的数据，这违反了视图单一职责。我在我的应用程序中做的事情。

var Router = Backbone.Router.extend({
    routes : {
        'bla' : 'bla'
    },

    bla: function () {
        app.BlaApp();
    }
});

app.BlaApp = function () {
    var collection = new Collection();
    collection.fetch({
        success: function (collection) {
            var view = new app.BlaView({model: collection});
            view.render();
        }
    })
}

app.BlaView = Backbone.View.extend({
    render: function () {
        var template = // render template based on this.model;
        this.$el.html(template);

        return this;
    }
});