_canLoadMore doesn't fetch totalPages about ember-infinity

[kellyselden]

The response needs to look like this:

{
  items: [
    {id: 1, name: 'Test'},
    {id: 2, name: 'Test 2'}
  ],
  meta: {
    total_pages: 3
  }
}

[szsoppa]

Thank's for reply, works great now :)

[dja]

@szsoppa did you find a good solution for including the pages data in the JSON response under meta? I'm using headers now too, and can't find much on the backend with kaminari or grape on how to structure that properly.

[szsoppa]

I used https://github.com/monterail/grape-kaminari gem to return all of the data required by ember-infinity. You can see in documentation that it's pretty simple to use.

[dja]

Thanks @szsoppa - I'm still not seeing where in grape-kaminari to tell it to include the total_pages in meta as part of the json response.. Is it conflicting with active_model_serializers perhaps?

[szsoppa]

It may have a problem with active_model_serializers. As you can see here https://github.com/monterail/grape-kaminari/blob/master/lib/grape/kaminari.rb#L11 it should include this header out of the box. I used grape-entity gem to serialize data and it worked great.

[dja]

Found this https://github.com/ruby-grape/grape-active_model_serializers#custom-metadata to modify the Rails side, or this http://codeandtechno.com/posts/metadata-via-response-headers-in-emberjs/ to modify the Ember side. For anyone who might need it..

[rmcsharry]

Be aware that the default is "total_pages" with an underscore and you might be returning dasherized attribute names.

Also, the latest ASM includes links metadata by default, more here on that.

I had this issue and you can read more about it here.

My controller renders like this:

    render json: @employees, meta: { total: (Employee.count / params[:per_page].to_f).ceil }