Question

我有一个相对简单的Backbone处理消息容器。我可以添加消息，它们显示正常，但添加延迟以自动关闭它们不起作用，因为undefined被传递给回调。

有人能告诉我如何正确指定要调用的参数吗？主线是_.delay(function(){ messages.remove(this.model) }, 3000);

var Message = Backbone.Model.extend({
    defaults: {
        message: 'No message',
        type: 'error'
    },

    /*validate: function( attrs ) {
        if ( !attrs.type in ['error', 'warning', 'success', 'info'] ) {
            return 'Wrong message type given';
        }
    }*/
});
var Messages = Backbone.Collection.extend({
    model: Message
}) 
var messages = new Messages;

var MessageView = Backbone.View.extend({
    template: Handlebars.compile( $('#t-message').html() ),

    initialize: function() {
        messages.bind('delete', this.remove, this);
    },

    render: function( event ) {
        $(this.el).html( this.template( this.model.toJSON() ) );
        // TODO: this never fires properly
        _.delay(function(){ messages.remove(this.model) }, 3000);
        return this;
    }

});

var MessageContainerView = Backbone.View.extend({
    id: 'messages',
    initialize: function() {
        messages.bind('add', this.addMessage, this);
    },
    render: function( event ) {
        return this;
    },
    addMessage: function( message ) {
        var view = new MessageView({model: message});
        $('#' + this.id).append(view.render().el);
    }
});

var messagecontainerview = new MessageContainerView;
messages.add(new Message({message: 'Close this in 3 secs.', type: 'success'}))

当然this.model在render方法中定义，但在remove调用中未定义。

Answer 1

这是因为this绑定到调用延迟回调函数的任何内容，而不是视图。在致电_.delay分配var self=this;之前，请在回调函数中使用self.model。

_.delay从Backbone.View事件处理程序内部调用

1 个答案: