How to re-render a component, i.e. an ember-light-table

@aaronlelevier wrote:

Hi,

I have a use case where I am using ember-light-table, and I want to make the columns configurable by the User. There’s a section of the UI with checkboxes, and the User can check/uncheck what columns they want in the UI, and this is persisted to the API server.

The API portion is working, but when a check/uncheck happens, I want to re-render the ember-light-table with only the columns selected to view. I’ve tried things in the component like:

// maybe this refreshes the route
let route = Ember.getOwner(this).lookup(`route:servicedata`);
route.refresh()

// rerender component
this.rerender()

None of this has worked though.

Is there an Ember hook for this use case or a known pattern to do this?

I also saw this example, but couldn’t get it to work. Should this work?

https://codepen.io/mike-north/pen/vexDK

Thank you in advance.

Posts: 2

Participants: 2

Read full topic