ember.js - 在深度嵌套 View 中获取对根容器 View 的引用的简单方法

Question

是否有一种简单的方法可以从 Ember.ContainerView 中的深层嵌套 subview 访问 Root View 。我想绑定(bind) root 和 subsubchild 的属性:

Ember.ContainerView.create {

   childViews: ['child1']

   value: null

   child1: Ember.ContainerView.create {

       childViews: ['subchild1']

       subchild1 : Ember.View.create {

            valueBinding: "parentView.parentView.value"

       }
   }
}

我想将 root 中的值与 subchild1 中的值绑定(bind)，但我发现调用

parentView.parentView.parentView.property

不太优雅。

Answer 1

您可以使用nearestWithProperty方法。请参阅以下示例。

Ember.ContainerView.create({
   childViews: ['child1'],
   value: null,
   isRootView: true,

   child1: Ember.ContainerView.extend({
       childViews: ['subchild1'],

       subchild1 : Ember.View.extend({
           rootView: Ember.computed(function() {
               return this.nearestWithProperty('isRootView');
           }).property().cacheable(),
           valueBinding: "rootView.value"
       })
   })
});