Creating data #237

MichalBryxi · 2018-02-11T16:54:40Z

I'm completely missing a hint that would describe how to handle the case when user adds new data into currently paginated data set. My case would be:

The page displays list of paginated records
User creates & saves new record
The record is immediately visible in the list of paginated records (assuming that it should be displayed given it's position in paginated data)

I think I found a nice solution which is unfortunately not documented anywhere:

// route.js
export default Route.extend(RouteMixin, {
  model() {
      return this.findPaged('post'),
  }
});

// controller.js
export default Controller.extend({
  actions: {
    createNewPost() {
      // Note that this by itself won't make the post appear in paginated list of posts
      let newPost = this.store.createRecord('post'); 

      // Not even saving the data server side will make it appear on user's screen
      return newPost.save().then(() => { 
        // This will force the ember-cli-pagination to re-fetch current page
        this.get('model').setOtherParam('nameOrValueOfThisPropertyDoesNotReallyMatter', true); 
      });
    }
  }
});

{{! template.hbs }}

<button {{action "createNewPost"}}>Click me to create new post</button>

<ul>
  {{#each model as |post|}}
    <li>{{post.id}}</li>
  {{/each}} 
</ul>

Not: I'm writing that from the top of my head. Might not 100% compile.

Hope this might help somebody. Also if this snippet is correct, it would be nice to have it as part of the documentation.

broerse · 2018-02-11T17:47:47Z

Help is always welcome. Perhaps do a PR?

- Simple example on how-to reload data from the server when we know that we need it.

#237 - Data refresh documentation

MichalBryxi added a commit to MichalBryxi/ember-cli-pagination that referenced this issue Feb 11, 2018

mharris717#237 - Data refresh documentation

5dab303

- Simple example on how-to reload data from the server when we know that we need it.

broerse added a commit that referenced this issue Feb 12, 2018

Merge pull request #238 from MichalBryxi/237-data-refresh-documentation

fb9bde1

#237 - Data refresh documentation

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Creating data #237

Creating data #237

Uh oh!

Creating data #237

Creating data #237

Comments

Uh oh!

Uh oh!