Korrekte Weise, die Bindung in Ember.js

Question

zu deklarieren Ich habe die Ember.js Dokumentation + Beispiele gelesen, und verschachtelte Ansichten mit Bindungen verwirren mich ein wenig.

Ich habe die folgenden abgekürzt HTML (adaequat):

{{#view App.outerArea}} 
    {{#view innerArea}} 
     {{view Ember.TextField valueBinding="parentView.parentView.bound.username"}} 
    {{/view}} 
{{/view}} 

... und JavaScript (auch adaequat):

App = Ember.Application.create(); 
App.outerArea = Ember.View.extend({ 
    bound : { 
     username:'test', 
    }, 
    innerArea: Ember.View.extend({}), 
}); 

(Wenn ich innerArea aus dem HTML entfernen kann ich 'parentView.parentView.' entfernen vollständig)

Um dies zu bereinigen ich versucht habe.

... 
{{view Ember.TextField valueBinding="bound.username"}} 
... 
innerArea: Ember.View.extend({ 
    bound: function() { 
     return App.outerArea.bound; 
    } 
}) 

Und versucht:

{{view Ember.TextField valueBinding="getPath(bound.username)"}} // with above bound: function(). 

Und einige andere Kombinationen, aber sie nicht funktionieren.

Gibt es einen eleganten Weg ‚parentView.parentView.bound.username‘ aus dem TextField- valueBinding zu verweisen? Gibt es mehr als einen Ansatz dazu? Was sind die besten Designmuster für so etwas?

Vielen Dank!

Answer 1

Zuerst wird in dem ursprünglichen Beispiel, Sie benötigen nur eine parentView Textfeldwert (siehe http://jsfiddle.net/MikeAski/tkDp6/) zu binden.

Zweitens, die Art und Weise Sie bound Bindung in Innenansicht definieren, ist nicht gut: Sie sollten versuchen:

... 
innerArea: Ember.View.extend({ 
    boundBinding: 'parentView.bound' 
}) 

(siehe http://jsfiddle.net/MikeAski/tkDp6/2/)