Question

我有一个有视图和控制器的 Ember 应用程序:

http://jsfidle.net/gavriguy/EDr4G/" rel="nofollow">http://jsfidle.net/gavriguy/EDr4G/

I want to mark the current item the user clicks as read - by changing it s related model. I m currently able to do that by figuring the item s index of the view - but the problem is that i can t be sure that the index on the view is the same as the index on its controller. Any thoughts?

<% 1 > JavaScript :

App.tempController = Em.ArrayController.create({
    content: [
        {
        title:  A ,
        unread: true},
    {
        title:  B ,
        unread: true},
    {
        title:  C ,
        unread: false}
    ]
});

App.someItemsView = Ember.CollectionView.create({
    contentBinding:  App.tempController.content ,
    itemViewClass: Ember.View.extend({
        template: Ember.Handlebars.compile( <div>{{content.title}} unread: {{content.unread}}</div> ),
        click: function(event) {
            //How to mark current clicked item as read?
            console.log(this.content);
            console.log(event);
            this.set( content.unread , false);
        }
    })
});

Answer 1

在您的 点击 hick 处理器中, 您可以通过 this.get( 内容) 获得查看所在的数组项目的引用。所以您可以通过 this. setPath( 内容. unread, 假) 设置旗帜, 见 < a href=> http://jsfidle. net/pangratz666/ t6Nst/" rel="nofolpol" http://jsfidle. net/pangratz666/ t6Nst/ < /a> :

itemViewClass: Ember.View.extend({
    template: Ember.Handlebars.compile( <div>{{content.title}} unread: {{content.unread}}</div> ),
    click: function(event) {
        // this.content is the item in the array on which this click event occures.
        this.setPath( content.unread , false);
    }
})

友情链接