Backbone.js 执行事件后无法刷新视图
这是我的主要观点:Backbone.js 执行事件后无法刷新视图,backbone.js,listener,render,Backbone.js,Listener,Render,这是我的主要观点: View.ModelUploadView = Backbone.ItemView.extend({ template : modelUploadTpl, events : { "click a.js-updadeModel" : "updateModel", }, initialize : function() { _.bindAll(this, 'render
View.ModelUploadView = Backbone.ItemView.extend({
template : modelUploadTpl,
events : {
"click a.js-updadeModel" : "updateModel",
},
initialize : function() {
_.bindAll(this, 'render');
this.model.bind('change', this.render);
this.listenTo(this, "model:update", this.render);
},
updateModel : function() {
this.trigger("model:update", this.model.get("id"));
},
当我的事件单击被执行时,模型将被更新,因此我需要使用model的新值渲染视图。
为此,我使用了listenerthis.listenTo(this,“model:update”,this.render)代码>但它不起作用。每次我都需要手动刷新页面以获取更新的模型。
任何解决方案???最有可能是您的渲染
函数过载,或者在其他地方重新分配了主干视图的el
您需要记住的唯一一件事是视图的事件绑定到具体的DOM节点
。因此,如果为视图创建新的DOM节点
(例如在渲染函数中),则需要手动调用Backbone.view.delegateEvents。Backbone中没有默认渲染,必须为每个视图编写渲染。然后,您应该听取模型更改,如下所示(在视图的initialize方法中):
每次模型属性更改时都会触发“更改”事件,并将渲染视图。
在DOM事件处理程序中,您不必触发对模型的更改事件,只需使用此.model.set()来更改其属性。您可以覆盖类似这样的render
函数
View.ModelUploadView = Backbone.ItemView.extend({
template : modelUploadTpl,
events : {
"click a.js-updadeModel" : "updateModel",
},
initialize : function() {
_.bindAll(this, 'render');
this.model.bind('change', this.render);
this.listenTo(this, "model:update", this.render);
},
updateModel : function() {
this.trigger("model:update", this.model.get("id"));
},
render: function() {
this.$el.html(this.template(this.model.attributes));
return this;
}
@nikoshr抱歉这是一个输入错误我已经更新了上面的代码你有渲染方法吗?没有我没有显式的渲染方法我需要执行默认的渲染方法你仍然需要声明渲染方法才能工作
View.ModelUploadView = Backbone.ItemView.extend({
template : modelUploadTpl,
events : {
"click a.js-updadeModel" : "updateModel",
},
initialize : function() {
_.bindAll(this, 'render');
this.model.bind('change', this.render);
this.listenTo(this, "model:update", this.render);
},
updateModel : function() {
this.trigger("model:update", this.model.get("id"));
},
render: function() {
this.$el.html(this.template(this.model.attributes));
return this;
}