pushobject is not a function emberjs

Question

I've got an odd issue with ember js, when i push an object to a model. Here is my code:

// Environment.js
  EXTEND_PROTOTYPES: {
    // Prevent Ember Data from overriding Date.parse.
    Date: true,
    Array: true,
  }

Route.js

 model () {
  return Ember.RSVP.hash({
    newCollection: this.get('store').createRecord('collection'),
    book1: this.get('store').createRecord('book'),
    book2: this.get('store').createRecord('book')
  })
}

Controller

actions:{
  addCollection(model) {
    model.newCollection.pushObject(model.book1);
    model.newCollection.pushObject(model.book2);
  },
}

Now I'm not sure what the issue, but I'm trying to push the book model into the collection, however, I get an issue with this as the console log suggests that pushObject is not a function. I've updated my Environment.js as other questions have suggested, however this still is an issue.

Collection Model

// collection Model
export default DS.Model.extend({
    name: DS.attr('string'),
    city: DS.attr('string'),
    books: DS.hasMany('book', { async: true })
});

The book model

//book Model
export default DS.Model.extend({
    title: DS.attr('string'),
    description: DS.attr('string'),
    collection: DS.belongsTo('collection', {async: true})
});

please show your models

Lux
– Lux

2017-09-23 15:24:59 +00:00
Commented Sep 23, 2017 at 15:24 — Lux
– Lux, Commented Sep 23, 2017 at 15:24
@Lux the models have been added to the question

jsg
– jsg

2017-09-23 17:03:04 +00:00
Commented Sep 23, 2017 at 17:03 — jsg
– jsg, Commented Sep 23, 2017 at 17:03
duplicate Ember : addObject/ pushObject is not a function

milahu
– milahu

2022-04-15 13:20:19 +00:00
Commented Apr 15, 2022 at 13:20 — milahu
– milahu, Commented Apr 15, 2022 at 13:20

locks · Accepted Answer · 2017-09-24 16:21:48Z

2

You have a typo. You're pushing to the actual model instead of the books hasMany relationship:

actions: {
  addCollection(model) {
    model.newCollection.get('books').pushObject(model.book1);
    model.newCollection.get('books').pushObject(model.book2);
  },
}

edited Sep 24, 2017 at 16:21

answered Sep 23, 2017 at 18:14

locks

6,57735 silver badges39 bronze badges

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

2 Comments

Lux Over a year ago

Actually no. model is not an ember Object. He's returning return Ember.RSVP.hash({...}).

locks Over a year ago

Addressed the comment.

Lux · Accepted Answer · 2017-09-23 20:45:18Z

1

Your problem is, that newCollection is a collection record. So you should do:

model.newCollection.get('books').pushObject(model.book1);

answered Sep 23, 2017 at 20:45

Lux

18.3k5 gold badges48 silver badges77 bronze badges

Collectives™ on Stack Overflow

pushobject is not a function emberjs

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related