Доступ взгляд изнутри АЯКС успеха() вызов

Question

У меня есть мнение Backbone.js, которая имеет следующий АЯКС вызов:

BackboneDemo.Views.Projects.ProjectView extends Backbone.View 

    demoFunction:() -> 
    ... 
    ... 
    @collection.create(new_project_attributes, 
     success: -> 
     console.log @ 
     $('#' + @options.query_id).html('Saved successfully').delay(1500).fadeOut(500, -> $(@).remove()) 

Проблема есть, this внутри вызова успеха возвращает DOMWindow, а не вид в котором находится @options.query_id. (Да, demoFunction привязан к виду).

Как получить доступ к атрибутам вида из вызова AJAX success() в базовой линии?

Answer 1

идиоматические CoffeeScript путь будет использовать fat arrow связать функцию обратного вызова к this, что вы хотите быть:

Жирная стрелка => может использоваться как для определения функции, и привязать его к текущему значению this, прямо на месте. Это полезно при использовании обратного вызова на основе библиотек, как Prototype или JQuery, ...

Так что-то вроде этого:

@collection.create(new_project_attributes, 
    success: => 
    console.log @ 
    $('#' + @options.query_id).html('Saved successfully').delay(1500).fadeOut(500, -> $(@).remove()) 

Похоже, вы хотите this быть элемент, который вы выведении во внутреннем обратном вызове, чтобы вы оставили эту тонкую стрелу (->).

И простая демонстрация разницы между => и ->: http://jsfiddle.net/ambiguous/vGHrM/

Answer 2

Самый простой способ (без вызова какой-то «связывания» вспомогательной функции) является только локально хранить ссылку на this вы хотите использовать:

demoFunction:() -> 
    ... 
    var self = this; 
    @collection.create(attrs, success: -> 
     // use self.options.query_id 
     ...