entryview.js

model = {
  id: null, // userId, campaignId, etc. 
  selected: false,
  disabled: false
}

function EntryView(model) {
  this.model = model;
  this.render()
  this.$el = $( /* div we just rendered */);
  this.setupEvents();
}

EntryView.prototype.render = function() {
  // re-render based on the current state
}

EntryView.prototype.clicked = function(evt) {
  // update selected state
  this.model.selected != this.model.selected;
}

EntryView.prototype.setupEvents = function() {
  // register event handlers
  this.$el.on('click', this.clicked);
  // ...
}

pickerview.js

filter = {
  users: {
    entries: [{
      id: 33,
      selected: false,
      disabled: false
    }],
    disabled: false
  },
  campaigns: {
    entries: [],
    disabled: false
  },
  //...
}

function PickerByView(model) {
  this.template = Handlebars.compile('template_id');
}

PickerByView.prototype.initViews() {
  this.views = [];
  
  for (entry in this.model.entries) {
    this.views.push(new EntryView(entry))
  }
}

PickerByView.prototype.render() {
  // render picker
  // render subviews
}

function PickerView(filterModel) {
  
}

PickerView.prototype.initViews() {
  this.views = [];
  
  for (key in this.filterModel) {
    this.views.push(new PickerByView(this.filterModel[key]));
  }
}

PickerView.prototype.render() {
  // renders the template using the model
  var html = this.template(this.model);
  this.$el.html(html);
  // render sub views
  for (var i = 0; i< this.views.length; i++) {
    this.views[i].render();
  }
}