Knockoutjs 부모 개체 얻기

Question

knockout.js를 사용하여 자식 개체에서 부모 개체의 특정 필드를 가져 오는 데 어려움이 있습니다.

function Child(info){ 
    var self = this; 
    self.x = info.x; 
    self.y = info.y; 
    self.parentThing = parent.fieldToGet(); // This is when I had problem 
} 

function Main() { 
    var self = this; 
    self.fieldToGet = ko.observable(); 
      self.things = ko.observableArray(); 
    self.postFunction = function(){ 
     $.post('XXX.php', $("form#filterForm").serialize(), function(data){ 
       var mappedThing = $.map(data.data, function(info){return new Child(info); }); 
       self.things(mappedThing); 
      } 
     }, 'json'); 
    }; 
} 
var main = new Main(); 
ko.applyBindings(main, $("div#main")[0]); 

hierachy 메인 여러 자식을 가지고있다. Child 객체에서 나는 부모 속성을 얻고 싶습니다 : fieldToGet.

Answer 1

좋은 해결책은 부모 클래스를 매개 변수으로 자식에게 전달하는 것입니다. 당신이 내 예제에서 부모 인스턴스 (self)을 볼 수 있듯이

function Child(info, parent){ 
    var self = this; 
    self.parent = parent; 
    self.x = info.x; 
    self.y = info.y; 
    self.parentThing = parent.fieldToGet(); // This is when I had problem 
} 


function Main() { 
    var self = this; 
    self.fieldToGet = ko.observable(); 
    self.things = ko.observableArray(); 
    self.postFunction = function() 
    { 
     $.post('XXX.php', $("form#filterForm").serialize(), function(data) { 
       var mappedThing = $.map(data.data, function(info) { 
       return new Child(info, self);   
       }); 
       self.things(mappedThing); 
     }, 'json'); 
    }; 
} 
    var main = new Main(); 
    ko.applyBindings(main, $("div#main")[0]); 

은 self``로 (매개 변수로 생성자 (function Child(info, parent))