Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Backbone.js 执行事件后无法刷新视图_Backbone.js_Listener_Render - Fatal编程技术网

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的新值渲染视图。 为此,我使用了listener
this.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;
    }