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來舉個例子。