javascript - Emberjs。如何抓取点击的相关数据？

Question

我是 emberjs 的新手，我正在尝试复制仅使用 jquery 的做法。我似乎无法做到。也许我应该以不同的方式处理以下内容？

我有一个观点:

{{#each clip}}
    <div class="large-3 columns">
       <div {{action panel_clicked uuid}} class="panel" style="overflow:hidden; height:200px;">
            {{view Ember.TextField valueBinding="notes" type='hidden'}}
            {{view Ember.TextField valueBinding="uuid" type='hidden'}}
            {{{chunk}}}
        </div>
     </div>
 {{/each}}

我想要做的是，当我点击 class='panel' 时，我得到 uuid 并使用它来获取隐藏的文本字段。

通常我只会为隐藏字段设置一个自定义 id，例如 id='notes_[uuid]' 所以在 jquery 中我可以做类似 $('#notes_' + uuid).val() 但是我还没有找到在 Ember.TextField 中生成动态 id 的方法。

那么有没有一种方法可以在 Ember.TextField 中动态生成 id，或者我应该换个思路？

谢谢

Answer 1

您可以只将对象传递给操作。

{{#each clip}}
  <div {{action panel_clicked this on="click"}} class"panel">
  ...
  </div>
{{/each}}

其中 this 指的是 each 循环中的当前对象。

然后您的操作将只将该对象作为参数:

panel_clicked: function(clip) {
  alert(clip.get('someAttr')); // just to show it works
  ... // what you want to do
}

查看 documentation