mercredi 28 janvier 2015

How to implement multiple filters with checkboxes in emberjs?


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