我很努力地按照ember 2.0's documentation删除记录,然后重定向到一个新的网址。当我尝试时,我得到以下错误到控制台:在Emberjs删除记录
Error while processing route: pencils Attempted to handle event `pushedData` on <[email protected]:pencil::ember523:null> while in state root.deleted.inFlight. Error: Attempted to handle event `pushedData` on <[email protected]:pencil::ember523:null> while in state root.deleted.inFlight.
我的文件如下。
途径:
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.resource('pencilview', { path: '/pencils/:pencil_id' });
this.resource('pencilcreate', { path: '/pencils/new' });
this.resource('pencils');
});
export default Router;
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.resource('pencilview', { path: '/pencils/:pencil_id' });
this.resource('pencilcreate', { path: '/pencils/new' });
this.resource('pencils');
});
export default Router;
路由/ pencilview.js
export default Ember.Route.extend({
model: function(params) {
return this.store.find('pencil', params.pencil_id);
},
actions: {
save(pencil){
this.store.find('pencil', pencil.id).then(function(pencil){
pencil.save();
})
this.transitionTo('pencils');
},
remove(id){
this.get('store').find('pencil', id).then(function(pencil2){
pencil2.destroyRecord();
});
this.transitionTo('pencils');
},
cancel(pencil){
this.store.find('pencil'.pencil.id).then(function(pencil){
})
}
}
});
模板/ pencilview.hbs
<h2>Single Pencil View</h2>
<p>Pencil ID: {{model.id}}</p>
<p>
<label for='name'>Name</label>
{{input type="text" id="name" value=model.name}}</p>
<p>
<label for='name2'>Name2</label>
{{input type="text" id="n2" value=model.n2}}</p>
<p>
<label for='name3'>Name3</label>
{{input type="text" id="n3" value=model.n3}}</p>
<p><button {{action "remove" model.id}}>Delete</button></p>
<p><button {{action "save" model}}>Save</button></p>
{{#link-to 'pencils'}}Pencils{{/link-to}}
控制器/ *
all missing except for pencilcreate.js, not applicable here
模板/ pencils.hbs
<h2>All Pencils</h2>
<p>{{#link-to 'pencilcreate' (query-params direction='pencils') class='btn btn-default' }}Create New Pencil{{/link-to}}</p>
<table id='pencil_allTable' class='display'>
<thead><tr><td>ID</td><td>Brand</td><</tr></thead>
<tbody>
{{#each model as |pencil|}}
<tr>
<td>{{#link-to "penciliew" pencil class='btn btn-default'}}{{pencil.id}}{{/link-to}}</td>
<td>{{pencil.brand}}</td>
</tr>
{{/each}}
</tbody></table>
<script>
$(document).ready(function() {
$('#pencil_allTable').DataTable();
});
</script>
路线/ pencil.js
export default Ember.Route.extend({
model() {
return this.store.findAll('pencil');
}
});
查看我的回答。 –
亨利和torazaburo的答案似乎并没有更新我的药物观点。也就是说,'delete api'被击中,但商店没有更新。当转换到“铅笔”时,它会显示旧数据,除非我刷新页面。我将奖赏赏金给谁更新他们的答案,并首先解决这个最后的难题。如果一个新的答案跳入下面列出的一个集团,我会检查它并给亨利奖金。 – mh00h
我对任何“药物”视图都没有看到任何地方。如果你的意思是铅笔,请显示路线,控制器和模板。 –