Cannot create Ember object from JSON

Question

I have a problem with creating Ember objects from a JSON ajax data source. If I create the object the manual way, it works perfectly, and the view gets updated. If the data itself comes from a JSON ajax data call, however, it does not work. If I inspect the resulting objects, the Ember model objects does not get the correct getter and setter properties. Does anyone know why this happens?

App.AlbumView = Ember.View.extend({
    templateName:'album',
    albums:[],
    getAll:function() {
        var self = this;

        //This works!
        self.albums.push(App.Album.create({title: 'test', artist: 'test'}));

        $.post('/Rest/list/album',null,function(data) {
            $.each(data, function (index, item) {

                //This does not work?!?
                self.albums.push(App.Album.create(item));
            });
        }, 'json');
    }
});

Please do an alert on item to see what is the output. alert(item); — HJW
– HJW, Commented Jun 3, 2012 at 14:20
Is there any reason you are using a POST request rather than a GET to get data from the server — Bradley Priest
– Bradley Priest, Commented Jun 3, 2012 at 15:00
Can you put up a JSfiddle at least of the bits that work so I can have a poke at it? I'm interested but don't know enough of the rest of your setup to understand the problem fully. — event_jr
– event_jr, Commented Jun 4, 2012 at 4:48

zentralmaschine · Accepted Answer · 2012-06-03 14:54:47Z

2

You should always use embers get('variableName') and set('variableName', newValue) methods when accessing instance variables of a view. Strange things tend to happen if you don't.

edited Jun 3, 2012 at 14:54

answered Jun 3, 2012 at 14:47

zentralmaschine

6058 silver badges19 bronze badges

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

3 Comments

Harold Smith Over a year ago

Views don't implement get and set. When I try calling them, I get 'no such function' errors.

zentralmaschine Over a year ago

Views implement get and set since these methods are defined in Ember.Observable, which Ember.View extends (via Ember.Object). Example: jsfiddle.net/zentralmaschine/uh74U/1

Harold Smith Over a year ago

I see. Strange. Well, it seemed to work when I moved the collection to a globally accessible ArrayController, and I guess the use of get and set makes the difference. So I accept the answer. I will try to debug the view problems seperately, then.

Collectives™ on Stack Overflow

Cannot create Ember object from JSON

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related