将单击处理程序绑定到行项:模型中的fire方法

时间:2012-03-14 19:51:17

标签: javascript-events ember.js

我正在开发一个小样本应用程序,习惯于编写Ember应用程序。我正在提取我的推文的JSON提要并将其显示在页面上。为了能够在我的代码中实现模型,我添加了一个名为“markAsRead”的方法。

我想将事件绑定到每个行项目,以便在单击它时触发它自己的markAsRead方法。最终目标是在触发该事件时更改行项目上的类。这是我到目前为止的代码:

http://andymatthews.net/code/emberTweets/

我知道Ember有自己的做事方式,所以我真的在寻找一种最好的做法来解决这个问题。

3 个答案:

答案 0 :(得分:0)

您应该为每个行项使用视图。

之类的东西
{{#each Tweets.allTweetsController}}
      {{#view Tweets.TweetItemView contentBinding="this"}}
        {{#with content}}
          <li> {{myTweet}}</li>
        {{/#with}}
      {{#/view}}
{{/#each}}

TweetItemView应该有一个click方法,每次点击一个方法都会触发。由于contentBinding,您可以在视图中访问单个推文作为内容

答案 1 :(得分:0)

安迪,

我已经重构了你到目前为止所拥有的内容,并添加了你在这个jsFiddle中寻找的功能:http://jsfiddle.net/ud3323/V4qZC/。希望能为你清除一切:)

答案 2 :(得分:0)

我正在实现类似的东西,因为我正在使用wordpress的开源提要阅读器。用户界面都是Ember。查看http://mattkatz.github.com/Wordprss - 其标记为已读取以及键盘快捷键。