Ember.ArrayProxy changes not triggering handlebars #each update

Question

I suspect there is a way to update an Ember.Array proxy that will trigger ember's notifications but what I can't figure out how.

I am overwriting the "content" property to update the array. The array does update but the view does not.

App.items = Ember.ArrayProxy.create({
    content: [
        Ember.Object.create({ name: 'Me', city: 'new york'}),
        Ember.Object.create({ name: 'You', city: 'boston'})
    ],

    sortByCity: function() { 
        this.set('content', this.get('content').sort(function(a,b) {
            return a.get('city') > b.get('city')
        }));   
    }
});

Here's a fiddle that demonstrates the problem http://jsfiddle.net/alexrothenberg/za4Ha/1/

Any help is appreciated. Thanks!

Mike Aski · Accepted Answer · 2012-04-06 12:51:23Z

8

Fixed it: http://jsfiddle.net/MikeAski/za4Ha/2/ (I refactored your code a little, by introducing a CollectionView to render the items).

You should use replaceContent primitive to replace an ArrayProxy content and keep the bindings bound...

answered Apr 6, 2012 at 12:51

Mike Aski

9,2364 gold badges48 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ember.ArrayProxy changes not triggering handlebars #each update

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related