0

我目前正在尝试在 Ember.js 中尝试一些东西,但我真的不知道该怎么做。

我想在同一个视图中引用模型项目两次。在左侧,我有一个迭代的项目列表;很容易。但是在页面的中间,我想创建一个具有这些相同项目的特定布局(可能是硬编码,而不是迭代)的网格。最终,在左边,每个项目都有自己的输入来设置它的值,我想在中心的网格中显示该设置值。

我尝试了几种不同的方式,通过创建一个特殊的视图,使用渲染和 valueBindings,但没有一个工作得很好。我是 Ember.js 的新手,所以我很感激任何帮助。您可以在此处查看 jsBin ( http://jsbin.com/inapoh/1/edit )。此外,如果我还想在网格中提供输入并将其同步回列表,那么方法会有所不同吗?

感谢您的任何帮助!

4

2 回答 2

0

首先,您在哪里呈现 TextField:

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

你需要这样做:

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

这样,Ember 将呈现每个项目的“值”属性的值,并且每次在屏幕上更改模型时,它也会更新模型的该属性。话虽如此,您需要再次循环浏览您的项目,将它们显示在屏幕中间,而不是硬编码,并且您还可以在那里访问每个项目的“价值”属性,这样它在左侧更改后将自动更新。

于 2013-08-15T19:53:28.683 回答
0

您可以对列表和网格都使用{{each}}帮助器,这将使管理输入字段值和网格中显示的值之间的关联变得更加容易,但这取决于您的用例。

请参阅您的代码的此修改:http: //jsbin.com/inapoh/4/edit

希望能帮助到你。

于 2013-08-15T08:28:52.220 回答