CompositeView에서 SerializeData

Question

collection.length에 대한 템플릿을 인식하려면 listView.template에 값을 전달해야합니다.
나는이 방법으로 매개 변수를 전달하기 위해 serializeData 메서드를 재정의하는 것이 하나의 방법이라고 생각한다. 나는 app를 시작하면

var ListView = Marionette.CompositeView.extend({ 

    initialize: function() { 
     this.collection.on('reset', this.serializeData, this); 
     this.collection.on('remove', this.serializeData, this); 
     this.collection.on('add', this.serializeData, this); 
    }, 

    serializeData: function() { 
     console.log(this.collection.length); 
     return { 
      has_tasks: this.collection.length > 0 
     }; 
    }, 

    // other codes 
}); 

---

collection 그래서 아직 인출되지 않습니다 : 예상대로

1.A)을 collection.legth = 0
2.B) 템플릿 has_tasks = false를 얻을. 템플릿는 has_tasks = false

을 유지하기 때문에 렌더링되지 것 같다)이 후

2.A )는 collection.length is > 0,
2.B)이 serializeData가 호출을 가져오고 그래서 그것은 has_tasks = true,
2.C두고

아무 아이디어 나 가지고 있기 때문에 2.c? 보기에는 영향을 미치지 않습니다 다시 serializeData를 호출

var ListView = Marionette.CompositeView.extend({ 
    initialize: function() { 
    this.bindTo(this.collection, 'reset', this.render) 
    }, 
    serializeData: function() { 
    return { has_tasks: this.collection.length > 0 } 
    } 
}); 

:

Answer 1

최근 Marionette는보기에 추가 컨텍스트를 제공하기 위해보기에서 templateHelpers (선택 사항)을 호출하여이 문제를 해결했습니다. 또한 이벤트 바인딩은보기가 언로드 될 때 올바르게 자동 바인딩되지 않으므로 Marionette에 친숙하지 않습니다. 그래서 당신이보기에 할 필요는 다음과 같습니다

var ListView = Marionette.CompositeView.extend({ 

    initialize: function() { 
     this.bindTo(this.collection, "add", this.render, this); 
     this.bindTo(this.collection, "remove", this.render, this); 
     this.bindTo(this.collection, "reset", this.render, this); 
    }, 

    templateHelpers: function() { 
     console.log(this.collection.length); 
     return { 
      has_tasks: this.collection.length > 0 
     }; 
    }, 

    // other codes 
}); 

단, 당신은 아마 전체보기와 모든 하위 요소 항목이 추가되거나 제거 될 때마다 다시 쓰게하지 않는다. 더 나은 방법은 표시된 수를 업데이트하는 것입니다. 예 :

Answer 2

단순히 같은 것을 사용합니다. 새 값을 표시하려면 다시 렌더링해야합니다 (render은 serializeData을 다시 호출하여 데이터를 가져옵니다).

어쨌든 컬렉션에 액세스 할 수 있으므로 템플릿에 hasTask을 보내는 시점은 무엇입니까 (따라서 길이도)?