Hi there, I’ve got a nice app running using Ember-Data to fetch some stuff from an API endpoint. Data is displayed as a table. So far so good, everything works like a charm.

The API is paged and so I had to handle query parameters in controller and route to issue a parameterized fetch against the API. I ended with a mechanic that reloads the route when a query param is changing.

We do something similar on our dashboard. We let the user configure the date range they are viewing and then update based on that.

I’ve found that the best way to do this is to have your ‘next page’ button trigger an action on the route. Then, you can trigger a transitionTo('dashboard', model) from that action. The model parameter will be passed to DashboardRoute#serialize() where you can turn it into a string to display in the URL.

I don’t have a great way to solve to focus problem though. We pull in a lot of data on our dashboard so changing the date range hits the wire and causes a load screen to show for a second. So, our users understand that this isn’t an on-page transition. Maybe you could pass a source parameter to your ‘next page’ action that tells you what triggered the transition. Then, you could set the focus to that element in the setupController hook.