我正在学习Backbone.js,我使用了这个样板(链接)并且用从静态文件中加载的JSON数据在html表格中展示了一个例子。
然后我尝试在应该从集合中删除元素后再从DOM中删除绑定一个按钮事件。事情进行得很好,点击触发了
有人有什么想法吗?
模型如下:
视图:
然后我尝试在应该从集合中删除元素后再从DOM中删除绑定一个按钮事件。事情进行得很好,点击触发了
destroy
方法,remove
事件也被触发了,但是在destroy
的success
回调中没有输出任何内容。有人有什么想法吗?
模型如下:
define([
'underscore',
'backbone'
], function(_, Backbone) {
var memberModel = Backbone.Model.extend({
url: "/members.json",
defaults: {
email: "",
firstname: "",
lastname: "",
gender: "",
language: "",
consent: false,
guid: "",
creationDate: ""
},
initialize: function(){
}
});
return memberModel;
});
视图:
define([
'jquery',
'underscore',
'backbone',
'mustache',
'collections/members',
'text!templates/members/page.html'
], function($, _, Backbone, Mustache, membersCollection, membersPageTemplate){
var membersPage = Backbone.View.extend({
el: '.page',
initialize: function(){
this.members = new membersCollection();
this.members.on('remove', function(){
// works fine
$('.members-body tr').first().remove();
console.log('removed from collection');
});
},
render: function () {
var that = this;
this.members.fetch({success: function(){
var wrappedMembers = {"members" : that.members.toJSON()};
that.$el.html(Mustache.render(membersPageTemplate, wrappedMembers));
$('#delete-member').click(function(){
that.members.at(0).destroy({
// prints nothing!!!
success: function(){ console.log('sucess'); },
error: function(){ console.log('error'); }
});
});
}});
}
});
return membersPage;
});
url
? - mu is too shorturl
在模型和集合上都设置了。 - MaxiWheat