在删除记录时,转换到另一个路由失败
我对ember.js相当陌生,我正在做一些实践。 我最近在试图删除记录时遇到了一些困难。 这是我的编辑路线(我称之为删除)
App.PostsEditRoute = Ember.Route.extend({
model: function(params){
return App.Post.find(params.id);
},
exit: function() {
this._super();
tx = this.get('currentModel.transaction');
if(tx)
tx.rollback();
},
setupController: function(controller, model){
controller.set('content', model);
},
events: {
save: function(post){
post.one('didUpdate', this, function(){
this.transitionTo('posts.show', post);
});
post.get('transaction').commit();
},
cancel: function(){
this.transitionTo('posts.show', post);
},
destroyPost: function(context) {
var post = context.get('content');
post.deleteRecord();
post.get('store').commit();
this.transitionTo('posts.index');
}
}
});
所以我有一个通过它触发destroyPost的链接。 记录被成功删除,并且我开始转换到索引路由,但发生错误...
未捕获错误:试图在处于rootState.deleted.inFlight状态时处理事件rollback
。 调用undefined
在此之后,加载索引页面的模型停止,我得到一个空白页面。 我可以提供任何所需的附加代码。 这是指数路线。
App.PostsIndexRoute = Em.Route.extend({
model: function(){
return App.Post.find();
},
setupController: function(controller, model){
controller.set('content', model);
}
});
我应该注意到这两个路由自己都能正确加载。 只有在转型中我才会失败。
您需要绑定到didDelete
像你那样didUpdate
的保存方法。
destroyPost: function(context) {
var post = context.get('content');
post.one('didDelete', this, function () {
this.transitionTo('posts.index');
});
post.deleteRecord();
post.get('transaction').commit();
}
此外,您的代码似乎有点不一致:在保存方法中,您提交了单独的事务,而在destroyPost
您正在提交整个商店。
上一篇: while deleting record, transition to another route fails