Ember model not updated

问题

I have a route that displays a list of challenges, when I create a new challenge the record is persisted however the model of list of challenges is not updated when I transition back into the route. Is there something I am missing?

//new.js
 var challenge = this.store.createRecord('challenge', {
            name_en: this.get('model.name_en'),
            name_fr: this.get('model.name_fr'),
            description_en: this.get('model.description_en'),
            description_fr: this.get('model.description_fr'),
            end_date: this.get('model.end_date'),
            start_date: this.get('model.start_date'),
            points_cap: this.get('model.points_cap'),
            points_goal: this.get('model.points_goal'),
            challenge_type: 1,
            short_description_en: this.get('model.short_description_en'),
            short_description_fr: this.get('model.short_description_fr'),
            excluded_activities: excluded
        });

        // Persist record.
        challenge.save().then((challenge) => {
            this.transitionToRoute('challenges');
        }).catch((error) => {
            this.handleError(error, 'error.system_error');
        });

//router.js
Router.map(function() {
   this.route('challenges', function() {
   this.route('new');
   this.route('challenge', {
    path: ':challenge_id'
}, function() {
   this.route('delete');
   this.route('edit');
});

});

//challenges.js
import Ember from 'ember';
import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixin';
import UserProfile from '../models/user-profile';

export default Ember.Route.extend(AuthenticatedRouteMixin,{

userProfile: UserProfile.create(),

model: function() {
    return this.store.query('challenge', {league_id: this.get('userProfile.league_id')});
}

});

//new challenge payload
 {  
"activity_exclusion_list":[  

],
"challenge_type":1,
"challengeUrl":null,
"end_date":"31-10-2015",
"number_participants":null,
"number_teams":null,
"points_cap":null,
"points_goal":null,
"start_date":"01-10-2015",
"leagueId":"1",
"teams":[  

],
"name_lang":{  
  "en":"New Challenge ",
  "fr":null
},
"description_lang":{  
  "en":"New Challenge",
  "fr":null
},
"short_description_lang":{  
  "en":"New Challenge",
  "fr":null
}

}

//response from new challenge
{  
"challenge_type":"Individual",
"description":" ",
"description_fr":null,
"description_lang":{  
  "en":"New Challenge",
  "fr":null
},
"challengeUrl":" ",
"start_date":"01-10-2015",
"end_date":"31-10-2015",
"name":" ",
"name_fr":null,
"name_lang":{  
  "en":"New Challenge ",
  "fr":null
},
"points_cap":0,
"points_goal":0,
"short_description":" ",
"short_description_fr":null,
"short_description_lang":{  
  "en":"New Challenge",
  "fr":null
},
"number_participants":0,
"number_teams":0,
"teams":[  

],
"challenge_id":265,
"activity_exclusion_list":[  

],
"leagueId":1

}

回答1:

In your challenges route have you tried using a this.store.filter instead? The issue could be that the query function only returns a RecordArray, whereas filter returns a Live RecordArray which will update your templates and everything else when the promise (in this case the successful save) is resolved.

model: function() {
    return this.store.filter('challenge', {league_id: this.get('userProfile.league_id')}, function() {
      // We're not actually filtering, so just return true for everything
      return true;
    });
}

I had the same problem and this turned out to be the solution, hope it helps!

Ember Docs reference

来源：https://stackoverflow.com/questions/32977742/ember-model-not-updated

标签

ember.js

ember-data