backbone collection selection

views.js

App.ResultView = Marionette.ItemView.extend({
  template: "#js-result",
})

App.ResultsView = Marionette.CompositeView.extend({
  tagName: "ul",
  // className: ".suggestions",
  childView: App.ResultView,
  template: "#js-results",
  // this.listenTo("show", this.filter()),

  filter: function() {
    console.log("filtering!!!!!!!!!!!!!!!!!!!!!!!");
  }
})


App.InputView = Marionette.ItemView.extend({
  el: "#inputSearch",

  initialize: function() {
    _.bindAll(this, 'launchCollection')
  },

  events: {
    "keyup": "launchCollection",
  },
  launchCollection: function(e) {
    this.allBackToUnselected();
    var array = [],
        filtered = this.getCollectionMatches(array);

    this.changeModelsToSelected(filtered)
    console.log(App.FullList.where({"selected": true}));

    var listview = new App.ResultsView({
      collection: App.FullList,
      filter: function(child) {
        return App.FullList.where({"selected": true})
      }
    });
    console.log(listview);
    // var listview = new App.ResultsView({collection: App.FullList});
    App.regions.list.show(listview)
  },
  getCollectionMatches: function(array) {
    var search = $("#inputSearch").val();

    _.each(App.FullList.models, function(model) {
      if (model.attributes.city.toLowerCase().includes(search)) {
        array.push(model.attributes.id)
      }
    })
    return array;
  },
  changeModelsToSelected: function(filtered) {
    _.each(filtered, function(id) {
      var model = App.FullList.get(id)
      model.set({"selected": true})
    })
  },
  allBackToUnselected: function() {
    App.FullList.invoke('set', {"selected": false});
  }
})

var inputview = new App.InputView()