javascript - Backbone - 在多个事件后渲染 View

Question

我有一个 Backbone View，我只想在两个不同的事件发生后才渲染它。这两个事件是从服务器填充的两个不同的集合(这是为了填充两个下拉选择列表)。

我的两个Collections是cFilterFields和cFilterOperators，它们都有一个自定义的.populate()方法调用.fetch() 并触发 populated 事件。

这是我的:

var MyView = Backbone.View.extend({
    tagName: 'div',
    initialize: function(){
        _.bindAll(this,'render');

        this.fields = new cFilterFields();
        this.operators = new cFilterOperators();

        this.fields.populate();
        this.operators.populate();

        this.listenTo(this.fields,'populated',function(){
            // ...
        });
        this.listenTo(this.operators,'populated',function(){
            // ...
        });

    },
    events: {},
    render: function(){
        // ...
        return this;
    }
});

当两个 Collection 事件都已触发时，呈现此View 的最佳方式是什么...？

Answer 1

让集合的 populate 方法返回 promise ，然后使用 jQuery.when

你的初始化应该看起来像这样

$.when(fields.populate(), operators.populate())
  .done(_.bind(function() {
      this.render();
  }, this));

此解决方案采用 JQuery 和下划线，因为它们都是 Backbone 的依赖项。