Backbone.js 뷰 내의 여러 모델

Question

다른 모델에 바인딩 된 컬렉션을 나열하는 뷰를 만들 수 있습니까? 또한 sort 함수를 사용할 수 있습니까?

예를 들어 나는 '판매'및 '계정'모델을 보유하고 있으며 해당 부서에서 일하는 사람들의 모든 이름을 볼 수 있습니다.

감사합니다.

Answer 1

확실히. 일반적으로 컬렉션에서 이벤트 리스너를 적용하여 각 모델을 나타내는 작은 하위 뷰를 만들고이를 통해 모델 이벤트 핸들러를 바인딩하는 방식으로 작업을 수행합니다.

BigView = Backbone.View.extend({ 
    el: 'ul', // This view is a <ul> and we'll be adding the model views 
    initialize: function() { 
     // This collection represents the collection you passed in 
     // For our purpose lets say it was a SalesCollection 
     this.collection.on('reset', this.addAllSales, this); 
     this.collection.on('add', this.addSale, this); 
    }, 
    addAllSales: function() { 
     var that = this; 
     this.collection.each(function(sale) { 
      that.addSale(sale); 
     }); 
    } 
    addSale: function(model) { 
     var view = new Subview({ 
      'model': model 
     }); 
     this.$el.append(view.render().el); 
    } 
}); 

SaleView = Backbone.View.extend({ 
    initialize: function() { 
     this.model.on('change', this.something, this); 
    }, 
    render: function() { 
     this.$el.html(); // Or whatever else you need to do to represent a sale as view 
     return this; 
    } 
    something: function(model) { 
     // Code for something 
    } 
}); 

이 예에서 기본적으로 판매 (예 : 판매)가있는 기본보기가 있습니다. 판매 컬렉션이 재설정되면 addAllSales()이 발생합니다. 판매가 컬렉션에 추가 될 때마다 특정 모델 (판매 모델)을 나타내는 하위 뷰가 추가됩니다. 이 하위 뷰에서는 바인딩 이벤트를 모델 변경 내용에 적용하여 처리합니다.