jeditable 함수 내부에서 컬렉션을 전달하는 방법은 무엇입니까?

Question

나는 modifyCollection 이벤트 dblclick과 관련된 기능입니다 jeditable를 사용하여 내 컬렉션을 편집 할 수 있습니다. 나는 다음과 같은 코드를 가지고있다.

initialize : function(options) { 
     view.__super__.initialize.apply(this, arguments); 
     this.collection = this.options.collection; 
     this.render(); 
    }, 

render : function() { 
     var template = _.template(tpl, { 
      collectionForTemplate : this.collection , 
      }); 
      this.el.html(template); 
      return this; 
    }, 

modifyCollection : function (event){ 
     $('#name').editable(function(value, settings) { 
      return (value); 
     } 
     , 
      { onblur: function(value) { 
       this.modelID=event.target.nameID; 
        this.collection = this.options.collection; 

       console.log("This Collection is: " + this.collection); //Shows : undefined 
          // 
          this.reset(value); 
        $(this).html(value); 
        return (value); 
      } 
     }); 

idee는 모델을 업데이트 한 다음 jeditable을 사용하여 컬렉션을 업데이트한다. in place 편집은 잘 작동하지만 문제는 컬렉션에 함수를 전달할 수 없다는 것입니다. 내 컬렉션의 모든 변경 사항을 로컬에 저장하고 나중에 서버로 보내려고합니다. 여기서 내가 뭘 잘못하고 있니?

Answer 1

다른 사람들이이 스레드를 발견하면 공식적인 답변으로 댓글을 이동했습니다.

onblur() 함수 내의 this 함수가이 컬렉션을 가리키고 있지 않습니다. 과 같이 self.collection에 onblur() 변화 this.collection에 다음 modifyCollection() 함수 내에서 var self = this;를 추가하십시오 :

이

modifyCollection : function (event) { 

    var self = this; // Added this line 
    // When working with functions within functions, we need 
    // to be careful of what this actually points to. 

    $('#name').editable(function(value, settings) { 
     return (value); 
    }, { 
    onblur: function(value) { 
     // Since modelID and collection are part of the larger Backbone object, 
     // we refer to it through the self var we initialized. 
     self.modelID = event.target.nameID; 
     self.collection = self.options.collection; 

     // Self, declared outside of the function refers to the collection 
     console.log("This Collection is: " + self.collection); 
      self.reset(value); 

      // NOTICE: here we use this instead of self... 
      $(this).html(value); // this correctly refers to the jQuery element $('#name') 
      return (value); 
     } 
    }); 
}); 

UPDATE - 자체에주의를 예감이

@muistooshort는 self 사실의 속성임을 잘 언급한다 따라서 코드에 var self = this;을 선언하지 않으면 윈도우 obj를 참조하게됩니다. self이 존재하지만 작동하지 않는 이유를 잘 모르는 경우 가중 될 수 있습니다.

일반적으로 이런 유형의 코딩은 self 대신 that 또는 _this을 사용하는 경향이 있습니다. 당신은 경고를 받았습니다. ;-)