Skip to content

Instantly share code, notes, and snippets.

@wecc
Last active October 22, 2016 16:42
Show Gist options
  • Select an option

  • Save wecc/0fc88a0a411c2aae0f712fcbc26babd8 to your computer and use it in GitHub Desktop.

Select an option

Save wecc/0fc88a0a411c2aae0f712fcbc26babd8 to your computer and use it in GitHub Desktop.
reload-updates-relationship
import Adapter from "ember-data/adapters/rest";
export default Adapter.extend();
export function returnJSON(status, body) {
return json(...arguments);
};
export function json(status, body) {
if (arguments.length === 1) {
body = status;
status = 200;
}
return [
status,
{ "Content-Type": "application/json" },
JSON.stringify(body)
];
};
export const server = new Pretender();
export function initialize() {
server.handledRequest = function(verb, path, request) {
console.log(`handled request to ${verb} ${path}`);
}
server.unhandledRequest = function(verb, path, request) {
console.log(`undhandled request ${verb} ${path}`);
}
};
export default {
name: 'pretender',
initialize
};
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
title: attr('string'),
user: belongsTo('user', { async: true })
});
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
name: attr('string')
});
import Ember from 'ember';
import { server, json } from '../initializers/pretender';
server.map(function() {
this.get('/posts/1', function() {
return json({
"post": {
"id": 1,
"user": 1,
"title": "Welcome To Ember"
},
"user": [{
"id": 1,
"name": "Tom Dale"
}]
});
});
this.get('/users/2', function() {
return json({
"user": {
"id": 2,
"name": "Yehuda Katz"
}
});
});
});
export default Ember.Route.extend({
actions: {
setAnotherUser: function() {
var model = this.controller.get('model');
this.store.findRecord('user', 2).then(function(user) {
model.set('user', user);
});
},
reload: function() {
var model = this.controller.get('model');
model.rollbackAttributes();
model.reload();
}
},
model: function() {
return this.store.findRecord('post', 1);
}
});
import Serializer from "ember-data/serializers/rest";
export default Serializer.extend();
<div class="wrapper">
<div>Title</div>
<div>{{input value=model.title}}</div>
</div>
<div class="wrapper">
<div>Author</div>
<div>{{model.user.name}}</div>
</div>
<button {{action 'setAnotherUser'}}>Set another User to Post</button>
<button {{action 'reload'}}>Reload Post</button>
<div class="wrapper">
Change title and set another author to the post. Reloading the post then restore the title but not the author.
</div>
{
"version": "0.10.4",
"EmberENV": {
"FEATURES": {
}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "release",
"ember-data": "canary",
"ember-template-compiler": "release",
"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"
},
"addons": {
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment