백본 Marionette 컬렉션 필터링

Question

사용자가 컬렉션에서 displayNames 및 전자 메일을 검색 할 수있게하려고합니다.

지금까지 전체 합성보기는 아래 코드와 같습니다. 이 렌더링 및 내 var 검색을 기록하지만 collection.where 및 새 Backbone.Collection 후 렌더링을 호출하는 방법을 잘 모르겠습니다?

define(["marionette", "text!app/templates/bamboo/employees/collection.html", "app/collections/bamboo/employees", 
    "app/views/bamboo/employees/item", "jquery"], 
    function(Marionette, Template, Collection, Row, $) { 
    "use strict" 
    return Backbone.Marionette.CompositeView.extend({ 
     template: Template, 
     itemView: Row, 
     itemViewContainer: "ul", 
     collectionEvents: { 
     'sync': 'hideLoading' 
     }, 
     events: { 
     'keyup #filter-input': 'initialize' 
     }, 
     initialize: function() { 
     var search = $('#filter-input').val() 

     if (typeof(search) != "undefined") { 
      console.log(search) 
      var filtered = //somehow search collection displayName and email by value search 
      this.collection = new Backbone.Collection(filtered); 
     } else { 
      this.showLoading() 
      this.collection = new Collection() 
      return this.collection.fetch() 
     } 
     }, 
     showLoading: function() { 
     this.$el.addClass('loading') 
     }, 
     hideLoading: function() { 
     this.$el.removeClass('loading') 
     } 
    }) 
}) 

Answer 1

당신은 MarionetteCollectionView 및 view.children._views와 CompositeView에서보기를 얻을 수 있습니다. 같은 코드로

:

_.each(colView.children._views,function(v){ 
    if(!condition){ 
    v.$el.hide(); 
    } 
}); 

당신이 (v.model.get('type') == 'todo' 수 귀하의 경우 조건에서) 조건을하지 않은 colView에서보기를 숨길 수 있습니다.

Answer 2

컬렉션의 단일 인스턴스 만 인스턴스화하고 모델에서 함수를 호출하면이 작업이 더 쉬울 수도 있다고 생각합니다. 당신의 itemViews

Row = Backbone.Marionette.ItemView.extend({ 
    modelEvents: { 
     "change filter": "filter" 
    }, 
    filter: function(model, search) { 
     if (model.shouldBeShown(search)) { 
      this.$el.show(); 
     } else { 
      this.$el.hide(); 
     } 
    } 
});