Skip to content

Instantly share code, notes, and snippets.

@pangratz
Forked from mmun/adapters.application.js
Last active April 5, 2017 19:43
Show Gist options
  • Save pangratz/007ad961737ab7caa258f5c18d6c9253 to your computer and use it in GitHub Desktop.
Save pangratz/007ad961737ab7caa258f5c18d6c9253 to your computer and use it in GitHub Desktop.
import DS from 'ember-data';
export default DS.RESTAdapter;
import Ember from 'ember';
export default Ember.Controller.extend({
actions: {
saveCount(event) {
let model = this.get('model');
let value = parseInt(event.target.value);
model.set('count', value);
model.save();
}
}
});
import Ember from 'ember';
new Pretender(function() {
this.get('/counters/123', function() {
return [200, {}, JSON.stringify({
counter: { id: '123', count: 0 }
})];
}, 1000);
this.put('/counters/123', function(request) {
let count = JSON.parse(request.requestBody).counter.count;
return [200, {}, JSON.stringify({
counter: { id: '123', count: count }
})];
}, 1000);
});
export default Ember.Route.extend({
model() {
return this.store.find('counter', '123');
}
});
<h1>Weird behaviour with Model#save()</h1>
<p>
Click on the number input below to give it focus. Quickly press <code>up</code> three times. This will trigger 3 <code>Model#save()</code> with calls. I've set it up to use Pretender and delay the "server" response by one second.
</p>
<p>
The weird behaviour is that you will see 1-2-3 flash by a second time as each of the <code>Model#save()</code> calls complete.
</p>
<p>
<label>Count:</label>
<input type='number'
value={{model.count}}
oninput={{action 'saveCount'}}>
</p>
<br>
<br>
import DS from 'ember-data';
export default DS.Model.extend({
count: DS.attr('number')
});
{
"version": "0.6.0",
"EmberENV": {
"FEATURES": {}
},
"options": {
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.3.2",
"ember-data": "2.3.3",
"ember-template-compiler": "2.3.2",
"route-recognizer": "https://rawgit.com/tildeio/route-recognizer/56f5fcec6ae58d8e86b5dc77609809fb91198142/dist/route-recognizer.js",
"FakeXMLHttpRequest": "https://rawgit.com/pretenderjs/FakeXMLHttpRequest/23c3a96b5b24f1bfe595867437e4f128a29c2840/fake_xml_http_request.js",
"pretender": "https://rawgit.com/pretenderjs/pretender/c6de9afe18b1472aded2592f5a80ad9a26a0e262/pretender.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment