私は現在、Ember.js で何かをしようとしていますが、その方法が本当にわかりません。
同じビューでモデル アイテムを 2 回参照したい。左側には、アイテムの繰り返しリストがあります。それは簡単です。しかし、ページの途中で、同じアイテムの特定のレイアウト (おそらくハードコードされ、反復されていない) を持つグリッドを作成したいと考えています。最終的に、左側に沿って、各項目には値を設定するための独自の入力があり、その設定値を中央のグリッドに表示したいと考えています。
render と valueBindings を使用して特別なビューを作成するなど、いくつかの異なる方法でこれを試みましたが、どれもうまくいきませんでした。私は Ember.js が初めてなので、助けていただければ幸いです。ここの jsBin を表示できます ( http://jsbin.com/inapoh/1/edit )。また、グリッドに入力を提供し、それをリストに同期させたい場合、アプローチは異なりますか?
ご協力ありがとうございます。
リストとグリッドの両方にヘルパーを使用できます{{each}}。これにより、入力フィールドの値とグリッドに表示される値の間の関連付けを管理しやすくなりますが、これはユース ケースによって異なります。
これがどのように見えるか、コードのこの変更を参照してください: http://jsbin.com/inapoh/4/edit
それが役に立てば幸い。
まず、TextField をレンダリングする場所:
{{view Ember.TextField valueBinding="newValue" action="setValue"}}
これを行う必要があります：
{{view Ember.TextField valueBinding="value"}}
そうすれば、Ember は各項目の「値」プロパティの値をレンダリングし、画面上で変更するたびにモデルのそのプロパティも更新します。そうは言っても、ハードコードするのではなく、画面の中央にアイテムを表示するには、アイテムを再度ループする必要があります。また、そこにある各アイテムの「値」プロパティにアクセスすることもできます。左側で変更すると、自動的に更新されます。