How do I implement multiple filters with checkboxes in emberjs? I would like to filter a grid table with the items that have certain properties that are checked in the template checkboxes...
For example, if I have this fixture:
export default employees[
{
name: 'Ricky',
department: 'Finance',
departmentIsChecked: false
},
{
name:'George',
department:'Marketing'
departmentIsChecked:false
},
{
name:'Jonah',
department: 'Finance',
departmentIsChecked:false
}
];
how would I only display the checked department employees on the table?
This is what I have:
Ember.Controller.extend({
filtered: function(){
var departmentIsChecked = this.get('departmentIsChecked');
var model = this.get('model');
if (departmentIsChecked){
model=model.filterBy('departmentIsChecked', true);
}
return model;
}.property('departmentIsChecked')
});
Template:
{{#each employee in model}}
{{input type='checkbox' checked=employee.departmentIsChecked}}{{employee.department}}
{{/each}}
Aucun commentaire:
Enregistrer un commentaire