중첩 된 편집기로 3 개 이상 누락되었습니다.

Question

KO 사이트 (http://jsfiddle.net/rniemeyer/gZC5k/)에 제공된 중첩 편집기의 라이브 예제를 확장하여 레이아웃을 변경하고 더 깊은 레벨을 추가하려고 시도 할 때 두 가지를 처리 ​​할 수 ​​없었습니다 문제.

나는

var ContactsModel = function (contacts) { 
var self = this; 
self.contacts = ko.observableArray(ko.utils.arrayMap(contacts, function (contact) { 
    return { 
     firstName: contact.firstName, 
     lastName: contact.lastName, 
     phones: ko.observableArray(contact.phones), 
     addresses: ko.observableArray(contact.addresses) 
    }; 
})); 

두 문제

은,이 단계 http://jsfiddle.net/gZC5k/955/

내가 모델의 올바른 계층 구조를 구축하는 곳으로 붙어있어 얻을 수 있었지만 :

• 초기 데이터 세트에로드 된 "전화"에 새 "전화"를 추가 할 수 없음 (새 전화를 만들 때 "전화"를 추가 할 수 있음)

• "전화"를 삭제할 수 없습니다.

  self.removeCall = function (call) { 
  $.each(self.phones(), function() { 
      this.calls.remove(call) 
  }) 
  

  }};

도움을 주시면 감사하겠습니다.

Answer 1

모델을 수정했습니다.이 코드를 바이올린의 송시 한 다음 확인을

그것은 완벽한

self.contacts = ko.observableArray(ko.utils.arrayMap(contacts, function (contact) { 
    return { 
     firstName: contact.firstName, 
     lastName: contact.lastName, 
     addresses: ko.observableArray(contact.addresses), 
     phones: ko.observableArray(ko.utils.arrayMap(contact.phones, function (phone) { 
      return{ 
       type: phone.type, 
       number: phone.number, 
       calls: ko.observableArray(phone.calls) 
      }; 
     })) 
    }; 
})); 

Answer 2

것은 삭제() 함수 observableArray

다음 removeCall

동일한 구조를 따르 addCall 방법

self.removeCall = function (call) { 
     alert(ko.toJSON(call)); 
    $.each(self.contacts(), function() { 
     $.each(this.phones(), function() { 
      alert(ko.toJSON(this)); 
     this.calls.remove(call) 
    }) 
    }) 
}; 

아래로 removeCall 방법을 변경할 때 통화를, 관찰 배열을 기대하기 때문에