从收藏中移除时从视图中删除项目
我正在使用Backbone.js。 我正在听我的收藏“添加”事件
this.listenTo(this.collection, "add", this.addOne);
它会像这样附加视图对象：
addOne: function (as) {
var v = new XUView({model: as}).render();
$(v.el).prependTo($('#object-list')).hide().fadeIn().slideDown();
}
现在，如果项目已从集合中删除，我想从视图中自动删除对象。 我正在收听“删除”事件：
this.listenTo(this.collection, "remove", this.removeOne);
我为删除功能尝试了几件事情，但他们都没有完成这项工作。 removeOne函数被正确触发，但正如我所说，没有效果。 我如何从我的前端删除视图对象？
我已经尝试过了：
XUView.remove(XUView.where(as));
XUView.remove(as);
this.collection.remove(as);
this.collection.remove(this.collection.where(as));
您必须在您的集合和模型视图之间保留一个映射表。 当基于该映射表触发remove事件时，您知道应删除DOM中的哪个元素或哪个视图。
在addOne函数中，您可以在模型上设置视图
addOne: function (as) {
var v = new XUView({model: as});
v.render();
as.view = v;
$(v.el).prependTo($('#object-list')).hide().fadeIn().slideDown();
}
并在删除功能
removeOne:function(model){
model.view.remove();
}