ember.js添加子视图

Question

我有下面的代码片断：

App.TripLegView = Em.View.extend({ 
    transportMeanType: null, 
    transportMeanTypeChanged: function () { 
      this.carView = App.CarView.create(); 
      var childView = this.createChildView(this.carView); 
      this.get('childViews').pushObject(childView); 
    } 
}).observes('transportMeanType'), 

App.CarView = Em.View.extend(); 

然而当调试上面的代码中，子视图似乎没有被添加到childViews阵列。

任何人都可以解释如何正确添加子视图。

Answer 1

首先，看起来你是在滥用observes()，应该在函数中定义。 如果你想操纵childviews，我认为你应该使用Ember.ContainerView

您的代码会是这样的：

App.CarView = Em.View.extend(); 

App.TripLegView = Em.ContainerView.extend({ 
    transportMeanType: null, 

    transportMeanTypeChanged: function () { 
    this.carView = App.CarView.create(); 
    var childView = this.createChildView(this.carView); 
    this.get('childViews').pushObject(childView); 
    }.observes('transportMeanType') 
}); 

如果它不能正常工作，请张贴的jsfiddle来举个例子。