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;
    }
});

查看.fetch（）不呈现

1 个答案: