ember.js 没有将 For 属性{{bind Astr}} 到集合中正确的 inputField.elementId

Question

我正在尝试使用 {{bindAttr}} 和输入字段的 [viewName].elementId 将标签链接到输入字段。它适用于单个条目 View ，但不适用于显示多个记录:它只是将标签链接到集合中的最后一个输入字段。 (这曾经在使用较旧的 ember 库的先前迭代中起作用，但现在不起作用。)我创建了一个 fiddle但其要点是:

{{#each controller}}
    <fieldset>              
        <label {{bindAttr for="view.tbFullName.elementId"}}>Full Name</label>
        {{view App.DetailTextField viewName="tbFullName" placeholder="Full Name" valueBinding="fullName" readonly="readonly"}}                              
    </fieldset>
{{/each}}

我想也许我可以创建一个collectionView并为viewName创建一个计算属性，这将为集合中的每个项目生成一个唯一的ID，这在另一个问题的回答中提到过here 。但这变得太复杂了——这样我就可以在用户单击相应的标签时让输入字段突出显示自己。

感谢任何帮助。

Answer 1

围绕标签和输入字段创建一个包装器 Ember.View。我们将其命名为 App.FieldView:

App.FieldView = Ember.View.extend({
  tagName: 'fieldset'
});

然后在您的模板中:

{{#each controller}}
  {{#view App.FieldView}}              
    <label {{bindAttr for="view.tbFullName.elementId"}}>Full Name</label>
    {{view App.DetailTextField viewName="tbFullName" placeholder="Full Name" valueBinding="fullName" readonly="readonly"}}                              
  {{/view}}
{{/each}}

fiddle :http://jsfiddle.net/NQKvy/26/