"Load More" data using ember-data and find queries

[lookingsideways]

I’ve run into the same issue. There are two solutions:

1. Make the model a standard array and use the route hooks and “load more” actions to fill it with records from ED query results
2. Set the model to a store.filter and have the other methods populate the store

I’ve resorted to using method 1 for my infinite scrolling/load more needs as method 2 can give you a sparsely populated list if you have been loading records in other parts of the app which makes pagination awkward.

There are some other topics worth reading:

Pagination in Ember Data 1.0 beta

Hi, The previous way of handling pagination (up to v0.13) was to return a meta object as part of the response, but this functionality was removed (the whole extractMeta functionality in the default DS.JSONSerializer) Are any thoughts/ideas on how pagination will be handled in Ember Data 1.0 ? Is the meta object handling coming back? Thanks,

Pagination with Ember Data - can we agree on a single solution?

In the spirit of the Modal View topic let’s continue with pagination. It’s been discussed over and over that we need to somehow standardize this, but I think it would be a good idea to make this discussion public, and not just something on gtalk/campfire I don’t think this is a question that belongs to SO, because what I’m looking for is a discussion of how different approaches to the problem and which one should be made a standardized solution. The option people seem to be taki…

What is the proper use of store.filter / store.find for infinite scrolling?

Hi all, I’m trying to implement an page with infinite scrolling and came across some trouble. First I will explain my current solution and I would like to know if this is the correct way to push things into the store. From my understanding the expected way to setup infinite scrolling is to set the controllers model to a store filter which is a live record array which will automatically be updated as more records are added like so: model: function (urlParams) { return this.get('store')…