Backbone: 모델 내부에서 컬렉션을 모델링하는 가장 좋은 방법은 무엇입니까?

두 가지 주요 옵션이 있습니다. 첫 번째는 항목을 바닐라 속성으로 두는 것입니다. 백본은 속성이 변경될 때 심층 동등 검사를 사용하므로 내부 항목이 업데이트되면 문서에서 이에 대해 알 수 있습니다.

다른 옵션은 문서에서 항목을 가져와 문서에 고정된 컬렉션 내부에서 자체적으로 모델로 첨부하는 것입니다(DocumentCloud에서 이러한 행을 따라 작업을 수행합니다). 예를 들어(대략적으로):

var Document = Backbone.Model.extend({
  initialize: function() {
    this.items = new ItemSet();
    this.items.bind('change', this.save);
  }
});

둘 중 하나가 당신을 위해 잘 작동합니까?

또한 항목에서 필요할 때 액세스할 수 있는 Document 개체에 "document" 속성을 다시 추가하는 것이 좋습니다.

var Document = Backbone.Model.extend({
  initialize: function() {
    this.items = new ItemSet(this.get('items'), {document: this});
    this.items.bind('change', this.save);
  }
});
var ItemSet = Backbone.Collection.extend({
  initialize: function(models, options) {
    this.document = options.document;
  }
});
var Item = Backbone.Model.extend({
  // access document with this.collection.document
});
var document1 = new Document({
  name: "Test",
  version: 1,
  items: [
    {name : "Item 1", position : 0},
    {name : "Item 2", position : 1}
  ]
});

항목의 변경 이벤트를 문서 저장에 바인딩하는 것이 누락된 부분이라고 생각합니다. 하지만 ItemSet에 문서를 추가하는 것도 매우 도움이 될 것 같습니다. 우리는 오늘 이것을 시도하고 여러분에게 그것이 어떻게 나타나는지 알려줄 것입니다.

이것은 잘 작동했습니다. 현재 우리가 겪고 있는 가장 큰 문제는 몽고이드에 관한 것입니다. 도움을 주셔서 감사합니다.

모든 항목을 한 번에 저장하려면 어떻게 해야 합니까? 항목이 변경될 때마다 요청하고 싶지 않지만 사용자의 작업에 대한 단일 요청으로 모두 저장하고 싶습니다. 문서가 저장될 때 모든 것을 수집하고 문서의 '항목' 속성을 업데이트하는 것에 대해 생각하고 있었습니다. 좋은 해결책입니까?

항목이 문서에 설정되어 있는 한 document.save()를 수행하면 항목도 서버로 전송됩니다.

그러나 런타임에 document1.items 컬렉션에 항목을 추가하면 document1의 'items' 속성에도 자동으로 추가되지 않는다고 가정해 보겠습니다. 따라서 document1.save()를 수행하면 컬렉션에 추가한 새 모델이 서버로 전송되지 않습니다. 컬렉션에 대한 변경 사항이 저장과 함께 전송된 모델의 속성에서 어떻게 전파될 수 있는지 알 수 없습니다.

따라서 이를 처리하는 방법은 다음과 같습니다. 문서에는 기본 항목 배열이 있습니다. 초기화 시 오버로드된 집합 메서드에서 속성에서 새 항목 컬렉션을 만들고 문서에 설정합니다.

class Document extends Backbone.Model
  defaults:
    items: []

  set: (attrs, options) ->
    items = attrs['items']
    if _( items ).isArray()
      if _( items ).isEmpty()
        attrs['items'] = new DocumentItemsCollection
        newItem = new Item
        attrs['items'].add(newItem, { silent: true })
      else
        attrs['items'] = new DocumentItemsCollection items

그 시점에서 'get', 'set', 'add' 및 'remove'를 사용하여 항목 수집 방법을 처리하면 됩니다. 점 표기법을 혼동하지 마십시오. 문서 자체에서 변경 이벤트를 발생시키는 addItem 및 deleteItem이라는 메서드가 내 Document 클래스에 있습니다. 문서에서 save()를 수행하면 항목 컬렉션에서 toJSON을 호출합니다.

솔직히 이것은 우리 문서의 단순한 경우이며 더 깊은 하위 문서가 있습니다. 백본으로 이 정도의 복잡성을 처리하고 모델에 여러 메서드를 오버로드하는 것은 정말 골치 아픈 일입니다. 우리는 이제 백본을 미래에 새싹 코어로 교체하는 것을 고려하고 있습니다.

정말 복잡한 문서를 처리해야 하는 경우 ExtJS 또는 새싹 코어를 살펴보는 것이 좋습니다. 백본은 간단한 모델이 있는 소규모 프로젝트에 적합하지만 개체/상호작용이 증가하기 시작하면 꽤 빨리 분해됩니다.

1.0에 대한 새로운 "모범 사례"가 있습니까?

@eranation : items 를 유지하는 것을 좋아하므로 동기화를 유지할 필요가 없습니다. 이를 위해서는 구문 분석을 위해 응답에서 items 개체를 가져와 직렬화를 위해 다시 추가해야 합니다(아래 참조). 그 외에도 @rsim 이 constructor 메서드에 initialize 에 넣은 논리를 대신 넣고 on 대신 bind (반쯤 지원 중단됨).

가능한 경우 속성을 얕은 해시(중첩된 컬렉션, 모델 등 없음)로 만드는 것이 훨씬 쉽다는 것을 알았습니다.

var Document = Backbone.Model.extend({
  constructor: function() {
    this.items = new ItemSet(null, {document: this});
    this.items.on('change', this.save, this);
    Backbone.Model.apply(this, arguments);
  },
  parse: function(resp) {
    this.items.set(resp.items, {parse: true, remove: false});
    delete resp.items;
    return resp;
  },
  toJSON: function() {
    var attrs = _.clone(this.attributes);
    attrs.items = this.items.toJSON();
    return attrs;
  }
});
var ItemSet = Backbone.Collection.extend({
  model: Item,
  initialize: function(models, options) {
    this.document = options.document;
  }
});
var Item = Backbone.Model.extend({
  // access document with this.collection.document
});
var document1 = new Document({
  name: "Test",
  version: 1,
  items: [
    {name : "Item 1", position : 0},
    {name : "Item 2", position : 1}
  ]
});

이것은 깊이 중첩된 스키마에서도 잘 작동하는 것 같습니다. ( 문서 참조)

@akre54 감사합니다, 이것은 좋은 예입니다. 대단히 감사합니다.