Force reload of dirty/invalid model in Ember

问题

I am trying to build out edit functionality for a Goal record. On the Goal index page, there is an edit button next to each goal. When clicked, each field becomes editable. Upon clicking Save, the changes are saved to the server. So far so good.

There is also a Cancel button. When a user clicks it, I need to reset the state of the model to what it was before they changed things. goal.rollback() in the controller works fine for this. Except, if the user has already clicked Save but there were server side validation failures. In this case, attempting to rollback() throws Uncaught Error: Attempted to handle event `reloadRecord` on <App.Goal:ember123:1234> while in state root.loaded.updated.invalid.

If instead I try to goal.reloadRecord I get Uncaught Error: Attempted to handle event `reloadRecord` on <App.Goal:ember123:1234> while in state root.loaded.updated.invalid.

Same deal with goal.unloadRecord. I have tried massaging the state like this:

state = goal.get('currentState') #this code makes me sad.
state.isValid = true
state.isError = false

And like this:

goal.transitionTo('loaded.saved')

To no avail. Is make zero sense to me the reloading or unloading a record should be statefull.

Any assistance would be greatly appreciated. Again, I'm trying to take a dirty, invalid record in ember and get it back to a happy state either by rolling back changes, or just reloading it from the server.

EDIT: Ember-data v1.0.0-beta.3-4-g169793e, ember Version: 1.1.2

回答1:

Here's a working example, change the color then hit save.

http://emberjs.jsbin.com/OxIDiVU/44/edit

PR submitted https://github.com/emberjs/data/pull/1590

来源：https://stackoverflow.com/questions/20642136/force-reload-of-dirty-invalid-model-in-ember

标签

ember.js

ember-data