我正在Addon内部创建一个表单,该表单会将记录保存在商店中,还将通过post api调用将JSON对象发送到rails后端。

我的问题是方法“ createRecord”不会被适配器内部的自定义方法覆盖。它基本上是创建记录,但是使用默认的“ createRecord” ember-data方法。

插件/适配器/trade.js

 import Ember from 'ember';
 import ApplicationAdapter from '../adapters/application';


 export default ApplicationAdapter.extend({
  createRecord: function(store, type, snapshot, trade) {
    debugger;
    console.log('bla')
   }
 });


app / adapters / trade.js

export { default } from 'ember-p/adapters/trade';


插件/模型/trade.js

import DS from 'ember-data';

export default DS.Model.extend({
 offer: DS.belongsTo('offer', {async: true}),

 firstName: DS.attr('string'),
 lastName: DS.attr('string'),
 streetName1: DS.attr('string'),
 streetName2: DS.attr('string'),
 city: DS.attr('string'),
 state: DS.attr('string'),
 zipcode: DS.attr('string'),
 telephone: DS.attr('string'),
 email: DS.attr('string')
});


addon / routes / checkout.js

import Ember from 'ember';

export default Ember.Route.extend({

 actions: {

  createTrade: function (trade) {
    this.store.createRecord('trade',trade);
    this.transitionTo('thanks');
   },
  }
});


app / templates / checkout.hbs

{{
    p地址
    createTrade =“ createTrade”
   }}

应用程序/模板/组件/p-address.hbs

{{yield}}

<h1>Address form</h1>
 <form {{action 'createTrade' value="target.value" on="submit"}}>
 <div class="form-group">
   {{input type="text" placeholder="First name" value=firstName}}
 </div>
 <br>
 <div class="form-group">
  {{input type="text" placeholder="Last name" value=lastName}}
 </div>
 <br>
 <div class="form-group">
   {{input type="text" placeholder="Street name 1" value=streetName1}}
 </div>
 <br>
  <div class="form-group">
   {{input type="text" placeholder="Street name 2" value=streetName2}}
  </div>
  <br>
  <div class="form-group">
    {{input type="text" placeholder="City" value=city}}
  </div>
  <br>
  <div class="form-group">
   {{input type="text" placeholder="State" value=state}}
  </div>
  <br>
  <div class="form-group">
   {{input type="text" placeholder="Zipcode"value=zipcode}}
  </div>
  <br>
  <div class="form-group">
    {{input type="text" placeholder="Telephone" value=telephone}}
   </div>
   <br>
  <div class="form-group">
   {{input type="submit" value="submit"}}
  </div>
</form>

最佳答案

您不在适配器上调用createRecord,而是在商店本身上调用。如果确实需要,也可以覆盖service:store,但是为什么要这么做呢?

export default DS.Store.extend({
  createRecord() {
    this._super(...arguments);
    debugger;
  }
});


适配器是商店和后端之间的适配器。因此,它将不知道何时创建记录,而仅知道何时保存记录。要在其上保存记录呼叫.save()

this.store.createRecord('trade',trade).save(); // will return a promise

关于javascript - 烬。 DS.Adapter的自定义createRecord不会触发,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37791937/

10-11 14:27