javascript - 如何在 submitHandler 回调中访问主干视图？

Question

我正在探索backbone.js，并且正在尝试设置简单的登录页面。这是我的 view.js 文件：

window.LoginView = Backbone.View.extend({   

    events: {

    },

    initialize : function() {       
        this.model.bind("error", this.error);       
        this.template = _.template(tpl.get('login'));       
    },  

    login: function(form){
        this.model.set({
            login: $("#login", form).val(),
            password: $("#password", form).val()
        });         
    },  

    render : function(eventName) {      
        $(this.el).html(this.template());   
        $(this.el).find("form").validate({
            submitHandler: this.login
        });
        return this;
    }
});

如您所见，我在函数中使用jquery.validation附加到表单。render作为 submitHandler 回调我已经设置了login函数。这条线

this.model.set({...

给了我this.model is undefined错误，所以我假设thisin login 功能与thisin initializeorrender功能不同。我的问题是如何this在登录功能中访问骨干网？

Answer 1

一种方法是使用 jQuery.proxy() 为登录函数设置“this”的值：

$(this.el).find("form").validate({
  submitHandler: $.proxy(this.login, this)
});

代理返回一个带有“this”新值的新函数。由于渲染函数中的“this”指向您的视图，因此您将其作为第二个参数传递给代理。