Updating an element in an ArrayController

Question

what's the best approach to updating an element in the content property of an ArrayController so that any associated views are updated.

Currently, i use the following piece of code, which updates the content but not the view

    updateContent: function(device) {
        for (var index = 0; index < this.content.length; index++) {
            if (this.content[index]._id === device._id) {
                this.content.splice(index, 1, device);
                break;
            }
        }
    }

What's the best approach for doing this?

In this particular case I am receiving calls from the server, using soket.io, as the state of devices change on updating the view accordingly.

shex · Accepted Answer · 2012-12-11 13:26:45Z

3

The method name you search is replace (found in MutableArray, which ArrayProxy inherits from).
Note the API differs in that you pass an array of elements to insert, e.g.

this.content.splice(index, 1, [ device ]);

As @ebryn stated, the Array's splice is not overridden, and the original method does change the array's content, but do not notify the observers, where the view (DOM changes handled by handlebars) is probably one of them.

I've checked this in version 0.96.

answered Dec 11, 2012 at 13:26

shex

3565 silver badges13 bronze badges

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

1 Comment

Gabriel Grant Over a year ago

This is still relevant in Ember 1.0+: Ember.MutableArray.replace is the Observer-compatible equivalent of JavaScript's Array.splice. As @shex noted, the method signature is slightly different: it accepts an Array of elements to be inserted, rather than accepting a variable length list of parameters.

ebryn · Accepted Answer · 2012-06-12 02:28:46Z

1

You're not using observable array methods on the content array, which is why the view isn't being updated.

See the Ember.Array/Ember.Enumerable docs for a list of observable array methods:

http://docs.emberjs.com/#doc=Ember.Array&src=false

http://docs.emberjs.com/#doc=Ember.Enumerable&src=false

answered Jun 12, 2012 at 2:28

ebryn

4,3971 gold badge25 silver badges21 bronze badges

Collectives™ on Stack Overflow

Updating an element in an ArrayController

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related