Ember - 在保存模型之后,如何获得id成功回调来自promise

时间:2015-01-30 01:33:36

标签: ruby-on-rails ember.js ember-data

Ember-1.9.1中的简单场景,Ember-Data 1.0.0-beta.14.1:

模板表格:

form
  fieldset
    dl
      dt: label First Name:
      dd: view Ember.TextField value=fields.first_name classNames='form-control'

    dl
      dt: label Last Name:
      dd: view Ember.TextField value=fields.last_name classNames='form-control'

    dl
      dt: label Sex:
      dd: view Ember.Select content=App.Patient.SEX prompt='Select a sex.' value=fields.sex classNames='form-control'

    dl
      dt: label Date of Birth:
      dd: view Ember.TextField value=fields.date_of_birth type="date" classNames='form-control'

    dl
      dt: label Insurance Provider:
      dd {{view Ember.Select content=insuranceProviders prompt='Select an insurance provider.' optionLabelPath='content.name' optionValuePath='content.id' value=currentInsuranceProvider.id classNames='form-control'}}
    dl
      dt: label Insurance Policy Number:
      dd: view Ember.TextField value=fields.insurance_policy_number classNames='form-control'

  fieldset.actions
    input type='submit' value='Create Patient' click="createPatient" class='btn btn-default'
    '
    a.cancel href="#" click="cancel" cancel

控制器操作:

createPatient: function() {
  var self = this;
  var fields = this.get('fields')
  fields.insurance_provider_id = this.currentInsuranceProvider.id

  if (App.Patient.valid(fields)) {
    var patient = this.store.createRecord('patient', fields)

    patient.set('date_of_birth', new Date(moment(fields.date_of_birth).format()));

    patient.set('insurance_provider', this.insuranceProviders.findBy('id', this.currentInsuranceProvider.id));

    patient.save().then(function(savedPatient){
      debugger
      self.transitionToRoute('patient', savedPatient);
    }).catch(failure);

    function failure(reason) {
      this.set('showError', true);
    }
  } else {
    this.set('showError', true)
  }
}

显示患者'路线:

App.PatientRoute = Ember.Route.extend({
   model: function(params) { return this.store.find('patient', params.id); }
})

在JS控制台中返回:

> savedPatient

< Class {id: null, store: Class, container: Container, _changesToSync: Object, _deferredTriggers: Array[0]…}

> savedPatient.get('id')

< null

为什么我不能在成功回调(调试器语句所在的位置)中获取已保存模型的ID?它确实成功转换,但在路由中使用空id。如果要在转换后编辑新创建的模型,则会出现问题。

还尝试在回调中重新加载savedModel,如果没有模型的ID,这实际上是不可能的。似乎在同步页面刷新时重新加载Store之前,id不可用,并使用服务器和服务器的模型ID进行更新。如何在回调中更新商店?

已更新

答案:Rails后端没有呈现正确的JSON。

def create
  patient = Patient.create(patient_params)
  render json: { :patient => [patient] }
end

1 个答案:

答案 0 :(得分:0)

如果您执行patient.save(),则会发送POST请求。如果您想以标准方式执行此操作,那么在将记录保留在数据库中之后,应该返回Ember理解的有效响应。

POST /patients回复示例:

{
  "patient": [{
    "id: "newly-created-id",
    // all the rest of the fields
  }]
}

你仍然可以以不同的方式返回它,但是你应该使用Ember的序列化器来改变它。但是,您必须在回复中提供id