ember.js - ネストされたオブジェクト定義内のEmber.jsオブジェクトをどのように参照しますか？

Question

フォームの操作を支援するためにEmber.jsクラスに取り組んでいます。以下のスニペットでは、定義をネストされているオブジェクトのプロパティにwidgetバインドする必要があるため、バインドをに設定します。value'App.AjaxForm.aField.value'

これを言う繰り返しの少ない方法はありますか？

App.Field = Ember.Object.extend({
    // The Ember.js equivalent of ``django.forms.fields.Field``.
    value: null,
    errors: [],
    widget: null
});

App.AjaxForm = App.Form.create({
    action: '/ajax/',
    fields: [
        'aField'
    ],
    aField: App.Field.create({
        widget: Ember.TextField.extend({
            valueBinding: 'App.AjaxForm.aField.value'
        })
    })
});

App.Field更新：定義を追加しました。

Answer 1

これが私の解決策です。

App.Field = Ember.Object.extend({
    // The Ember.js equivalent of ``django.forms.fields.Field``.
    value: null,
    errors: [],
    widget_class: Ember.TextField,
    widget: function () {
        return this.get('widget_class').extend({
            field: this,
            valueBinding: 'field.value'
        });
    }.property()
});