繁体   English   中英

骨干:视图不更新(重置事件)

[英]Backbone : view doesn't update (reset event)

我目前正在使用BackboneJS通过骨干模型从数据库中获取数据。

问题是我的应用程序没有触发我的重置事件,即使我的提取执行得很好,我的数据也没有显示在屏幕上。 如果我在控制台中执行app.messages.toJSON(),则会按需返回我的数据。

你有什么想法吗? 这是我的代码

var app = window.app = {};

// APP HERE

// Model

app.Message = Backbone.Model.extend({
    url : 'messages'
});

app.message = new app.Message;

// Collection

app.Messages = Backbone.Collection.extend({
    model : app.Message,
    url : 'messages'
});

// Views

app.messages = new app.Message(); 
app.messages.fetch();

app.ListView = Backbone.View.extend({
    template : Handlebars.compile($('#template-list').html()),

    initialize : function(){
        _.bindAll(this, 'render');
        //this.collection.on('reset', this.render); 
    },

    render : function(){
        this.$el.html(this.template({
            collection : this.collection.toJSON()
        }));
        return this;
    }

});

我很伤心。

西蒙

编辑

在所有这些代码之后

app.Router = Backbone.Router.extend({
    routes: {
        '*path' : 'home'
    },
    home: function(){
        this.views = {};
        this.views.list = new app.ListView({
            collection : app.messages
        });
        $('#list-shell').empty().append(this.views.list.render().el);
    }
});

app.router = new app.Router();
Backbone.history.start({pushState : true});
Backbone.emulateJSON = true;

app.messages = new app.Message(); 我想这只是您在写问题时犯的一个错误。

至于问题本身,如果您使用的是Backbone 1.0,则要触发reset event就必须使用reset flag
此外,如果您添加的代码确实第一个代码之后 ,则您创建Router 之前要获取数据,因此要创建视图。 即使获取方法是异步的,您也无法控制此处的操作。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM