Ссылка на конкретную модель в 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

первый из, где вы рендеринга TextField:

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

вам нужно будет сделать это:

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

таким образом, Эмбер будет оказывать значение свойства «значение» каждый из ваших элементов, и он также будет обновлять это свойство вашей модели каждый раз, когда вы меняете его на экране. С учетом сказанного вам нужно будет снова прокручивать элементы, чтобы отображать их в середине экрана, а не жестко закодированные, и вы также можете получить доступ к свойству «значение» для каждого из ваших предметов там, будет автоматически обновляться после изменения его в левой части.