在鼠标操作中获取对象的内容

时间:2012-08-07 15:42:24

标签: ember.js

我正在尝试创建一个交互式表格,当用户的鼠标位于单元格上时会显示一个弹出窗口

{{#each App.PuberController}}
  {{#view App.PuberView contentBinding="App.PuberController" tagName="tr" }}
    <td>{{#if logo}}<img {{bindAttr src="logo"}} />{{else}}No logo{{/if}}</td>
    <td>{{title}}</td>
    <td>{{type}}</td>
  {{/view}}
{{/each}}

App.PuberController = Ember.ArrayController.create({
  content: [...]
});


App.PuberView = Ember.View.extend({
  content: null,

  mouseEnter: function(evt) {
    //Here I want to access content of the object
  }
})

我想在mouseEnter函数()中有当前对象的名称。在版本1.0之前,我可以用

执行此操作
this.getPath('content.title');

但它不再起作用了......

1 个答案:

答案 0 :(得分:1)

首先,您将App.PuberController绑定在:

中,这很奇怪
{{#view App.PuberView contentBinding="App.PuberController" tagName="tr" }}

我宁愿预期this,也可能是这样的别名:

{{#each puber in App.PuberController}}
  {{#view App.PuberView contentBinding="puber" ...

也许您的代码并不完全反映此代码段?或者这应该现在起作用......: - )


另一句话:您现在应该使用get代替getPath

this.get('content.title');