mercredi 1 mars 2017

Ember.js: Animating the deletion/removal of an item or record

I'm on Ember 1.13, using ember-liquid-fire for some other things, but with this, I want to animate deleting a record by fading or sliding it out. As it is right now, it just immediately disappears, which is a little jarring.

Here's the UI; the template is just using an helper to iterate over the model

screen UI for records

Here's my delete action:

delete: function(item) {
  this.get('model').removeObject(item);
  item.destroyRecord();
}

It was suggested elsewhere to use but I'm not sure where to put it in my markup since I'm using a table, and the wraps the <tr>, so if I put the liquid helper around that, then there's divs as children of my table instead of rows.

If someone knows how to do this (using liquid-fire or another way), I'd love to know!




Aucun commentaire:

Enregistrer un commentaire