How to Update Pager?

[gte451f]

When using the Remote Paginated API option, I have trouble updating the pager when I've added a new record to the found set.

Put another way, if I just added a record via something like Ember Data, how do I tell the Pager about the new record WITHOUT triggering a full XHR request?

I try adding the record to the store like this...

store.push('document', store.normalize('document', data));

...and while the record shows up on my Ember inspector, the Pager won't show the record.

[knownasilya]

Since pagedArray proxies the model, if you add records to the model they should be added to the paged list.

// in controller
page: 1,
perPage: 10,
pagedContent: pagedArray('model', { pageBinding: 'page', perPageBinding: 'perPage' }),

actions: {
  addModel: function () {
    var models = this.get('model');
    var model = this.store.createRecord('myModel', {
      fun: true,
      foo: 'bar'
    });

    model.save()
      .then(function () {
        // might not be necessary if you got the models via store.find('myModel')
        models.addRecord(model);
      }, function (error) {
        console.error(error);
      });
  }
}

[gte451f]

I've tried this a few different ways but no joy.

// errors out that addRecord is undefined.
models.addRecord()


// this works fine on a regular model, but I get...
// The result of a server query (on BADASSAPP@model:document:) is immutable.
// pagedArray
var models = this.get('model');
var doc = {
    name: 'my name',
    size: 23
};
var model = this.store.createRecord('document', doc);
models.pushObject(model);

I suspect the pagedArray being remote (in my case) prevents me from adding/remove records to/from it?

[gte451f]

Ok, here is a working example

// add to models.content.addRecord instead
var models = this.get('model');
var doc = {
    name: 'my name',
    size: 23
};
var model = this.store.createRecord('document', doc);
models.content.addRecord(model);

[knownasilya]

@gte451f which shouldn't be, since there should be a proxy @mharris717

[vasilakisfil]

Not working for me not matter what. Tried get('models.content').pushObject(model), get('models.content.content').pushObject(model), get('models.content').addRecord(model) and get('models.content.content').addRecord(model) all fail.

[vasilakisfil]

There should definitely be a way to push records to PagedRemoteArray :)

[williamweckl]

Did not work for me either.

My code:

      return adapter.ajax(url, 'POST', {
        email: email
      }).then(function(data) {
        var normalized = store.normalize(modelName, data.object);
        store.push(normalized); //works with this.store.findAll
      });

model(params) {
    return this.findPaged('billing/delivery-file',params); //paginated not working push to store
    // return this.store.findAll('billing/delivery-file'); (this works)
  }

[williamweckl]

@vasilakisfil did you got any working solution?