createRecord with ember-data + ember-data-django-rest-adapter

无人久伴 提交于 2019-12-11 00:59:01

问题


I'm currently working on creating an ember application using ember/ember-data/ember-data-django-rest-adapter with Django backend.

I'm having issue creating record when there's belongsTo and hasMany relationship going on.

I currently have this code:

App.Article = DS.Model.extend({
  title: attr(),
  description: attr(),
  authors: hasMany('author'),
  category: belongsTo('page'),
  slug: attr(),
  content: attr(),
  articleContent: Ember.computed.alias("content"),
  published: attr(),
  publish_from: attr(),
  isScheduled: function() {
    return moment().isBefore(moment(this.get('publish_from')));
  }.property('publish_from'),
  articlePublishDate: function() {
    return moment(this.get('publish_from')).format('MMMM Do YYYY');
  }.property('publish_from'),
  articlePublishTime: function() {
    return moment(this.get('publish_from')).format('h:mm a');
  }.property('publish_from'),
  //content_type: belongsTo('content_type', { async: true }),
  content_type: attr()
});

App.Page = DS.Model.extend({
  title: attr(),
  description: attr(),
  pageContent: attr(null, {
    key: 'content'
  }),
  templateFile: attr(null, {
    key: 'template'
  }),
  slug: attr(),
  tree_path: attr(),
  tree_parent: belongsTo('page'),
  site: attr()
});

App.Author = DS.Model.extend({
  name: attr(),
  slug: attr(),
  description: attr(),
  text: attr(),
  email: attr(),
  photo: attr(),
  user: belongsTo('user'),
});

// create article
App.ArticleCreateController = Ember.ObjectController.extend({

  editMode: false,

  allAuthors: function() {
    return this.store.find('author');
  }.property(),

  allPages: function() {
    return this.store.find('page');
  }.property(),

  actions: {

    save: function(session) {
      var self = this;
      var article = this.get('model');

      var newArticle = this.store.createRecord('article', {
        content_type: "19",
        content: article.get('articleContent'),
        description: article.get('description'),
        publish_from: article.get('publish_from'),
        published: article.get('published'),
        slug: article.get('slug'),
        title: article.get('title')
      });

      this.store.find('page', 3).then(function(page) {
        newArticle.set('category', page);
      });

      newArticle.save();

    }

  }
});

All I really want to do is POST data like this to apiRoot/articles/ (along with other attributes, but those are working the way they should)

authors: [1,3,5], // hasMany

category: 3 // belongsTo

But when I make a POST request, category returns as null for some reason. All I want to extract from it is just the id itself. Also, I have no clue how to extract the array of authors. I tried posting the data, and it tells me something about it needing to be 'App.Author'.


回答1:


First, at the current time you need a fork of ember-data because async create is currently broken (as it's a promise and the internal serializer won't wait for it to resolve).

Pull down this branch, do a npm install + grunt test to build the adapter. Also you need to use the forked build of ember-data in that branch'es test lib directory (until ember-data pulls in the fix for this)

https://github.com/toranb/ember-data-django-rest-adapter/tree/asyncBelongsToHasManyWIP

Then inside your controller you can do something like this to "create" the customer and appointment (notice -async belongsTo/hasMany relationship)

App.Customer = DS.Model.extend({
  name: DS.attr('string'),
  appointments: DS.hasMany('appointment', { async: true})
});

App.Appointment = DS.Model.extend({
  details: DS.attr('string'),
  customer: DS.belongsTo('customer', { async: true})
});

var customer = {
  name: 'foobar'
}
this.store.createRecord('customer', customer).save().then(function(persisted) {
  var appointment = {
    details: 'test',
    customer: persisted
  }
  return self.store.createRecord('appointment', appointment).save().then(function(apt) {
    persisted.get('data').appointments.pushObject(apt);
    router.transitionTo('index');
  });
});


来源:https://stackoverflow.com/questions/21146280/createrecord-with-ember-data-ember-data-django-rest-adapter

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!