Ember.js의 특정 모델 항목을 참조하십시오.

Question

현재 Ember.js에서 무언가 시도하려고하고 있는데 어떻게해야할지 잘 모르겠습니다.

동일한보기에서 모델 항목을 두 번 참조하려고합니다. 왼쪽에는 항목의 반복 목록이 있습니다. 그만큼 쉬워. 그러나 페이지 중간에서 동일한 항목에 대해 특정 레이아웃 (아마도 반복 코딩이 아닌 하드 코딩 된 것)으로 그리드를 만들고 싶습니다. 결국 왼쪽에서 각 항목은 값을 설정하는 자체 입력을 가지며 센터의 표에 해당 설정 값을 표시하려고합니다.

저는 여러 가지 방법으로 렌더러와 valueBindings를 사용하여 특별한보기를 만들었습니다.하지만 그 중 아무 것도 제대로 작동하지 않았습니다. 나는 Ember.js를 처음 사용하므로 어떤 도움을 주셔서 감사하겠습니다. 여기 jsBin (http://jsbin.com/inapoh/1/edit)을 볼 수 있습니다. 또한 그리드에 입력을 제공하고이를 다시 목록에 동기화하려는 경우 접근 방식이 달라졌습니까?

도움 주셔서 감사합니다.

Answer 1

목록 및 표 모두에 {{each}} 도우미를 사용할 수 있습니다. 이렇게하면 입력란 값과 표에 표시된 값 간의 연결을 훨씬 쉽게 관리 할 수 ​​있지만 사용 사례에 따라 다릅니다 . http://jsbin.com/inapoh/4/edit

는 희망이 도움이 :

처럼이 볼 수있는 방법이 코드 수정을 참조하십시오.

Answer 2

, 당신은 텍스트 필드를 렌더링하는 경우의 첫째 :

{{view Ember.TextField valueBinding="value"}} 

그 방법은, 엠버의 '값'속성 값을 렌더링 :

{{view Ember.TextField valueBinding="newValue" action="setValue"}} 

는이 작업을 수행해야합니다 각 항목을 선택하고 화면에서 변경할 때마다 모델의 해당 속성을 업데이트합니다. 그렇게 말하면 아이템을 다시 루프하여 화면 중앙에 표시하고 하드 코딩하지 말고 각 아이템의 'value'속성에 액세스 할 수 있습니다. 왼쪽에서 변경하면 자동으로 업데이트됩니다.