Dynamically add js object to model array in 1.13

Question

I have the following code:

var msg = this.store.createRecord({text:'first title', createdAt: "2015-06-22T20:06:06+03:00" })

this.get('model.content').pushObject(msg);

msg.save();

We create new record. Then push in it to the model to display. It worked perfectly in 1.9 version but after upgrading it to the newest 1.13 it breaks and shows this error:

TypeError: internalModel.getRecord is not a function

after some researches I came out to this solution

this.get('messages.content').unshiftObject(message.internalModel);

and it partially help. Now I have two problems:

I'm not confident if using private ember data api is a good idea
I have an annoying delay between adding record to the model and rendering it on the screen. More than that if I don't call msg.save(); the record isn't rendered. So as far as I understood it waits until we have response from server and only then renders it. But I need opposite behaviour - I need to show the record first and then save it(showing the saving state for the user), this way user thinks that everything goes extrimely fast.

You're using 1.13.x, where x is what for both Ember and Ember Data? — , Jul 10 '15 at 10:15
having exactly the same issue with ember": "1.13.3", "ember-data": "1.13.5", — Shivam Sinha, Jul 17 '15 at 03:31

Matic Jurglič · Answer 1 · 2015-07-24T11:02:21.657

8

One possible solution without resorting to private API is to use toArray() (github issue):

var array = this.get('messages').toArray()
array.addObjects(this.get('messages'))
array.addObject(msg)
this.set('messages', array)

edited Jul 24 '15 at 11:02

answered Jul 10 '15 at 09:28

Matic Jurglič

831
9
26

score 7 · Answer 2 · answered Sep 11 '15 at 16:52

7

Before 1.13:

this.get('content').pushObjects(messages);

After 1.13:

messages.forEach(functio(message) {
  this.get('model.content').pushObject(message._internalModel);
});

answered Sep 11 '15 at 16:52

Roberto Decurnex

2,514
1
19
28

score 0 · Answer 3 · answered Dec 16 '15 at 22:47

I would make all return models to array then, add array to this array

setPeople:function(){
    this.set('people',this.get('content').toArray())
}.observes('content')

then, find more person models, to array

getMoreUsers(){
      var self = this;
            this.set('offset', this.get('offset')+1);
            self.store.findAll('person').then(function(people){
             self.get('people').pushObjects(people.toArray());
            });

Dynamically add js object to model array in 1.13

3 Answers3

Linked