执行事件后无法刷新视图backbone js
执行事件后无法刷新视图backbone js
提问于 2016-02-25 21:50:33
这是我的主干观点：
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"));
},当我的事件点击被执行时，模型将被更新，所以我需要用模型的新值来呈现视图。为此，我使用了监听器this.listenTo(this, "model:update", this.render);，但它不起作用。每次我都需要手动刷新页面以获取更新后的模型。ANy解决方案？
回答 3
Stack Overflow用户
发布于 2016-02-26 20:44:03
很可能是您的render函数过载了，或者将Backbone View的el重新分配到了其他地方。
您需要记住的唯一一件事是视图的事件绑定到具体的DOM node。因此，如果你为你的视图创建了一个新的渲染函数(例如在DOM node函数中)，那么你需要手动调用Backbone.View.delegateEvents。
Stack Overflow用户
发布于 2016-02-27 04:58:51
Backbone中没有默认呈现，您必须为每个视图编写呈现。然后，您应该监听模型更改，如下所示(在视图的initialize方法中)：
this.listenTo(this.model, 'change', this.render);Change事件将在每次模型属性更改时触发，并将呈现您的视图。在DOM事件处理程序中，您不必触发模型的更改事件，只需使用this.model.set()更改其属性即可。
Stack Overflow用户
发布于 2016-02-27 21:20:54
您可以覆盖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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35629189
复制相关文章
相似问题
腾讯云开发者
