Ember Data isn't seeing my local store

Question

Full Disclosure: I am new to Ember.

I have an app that I have started where when the user clicks on the next button, they create an instance of the customer model and that model is saved to local storage. On the next page, I want both the first and last name to pre-populate the text inputs. I have tried to follow the intro video but I have run into a problem. It appears that I am creating the object and then storing it successfully in local storage, but when the user transitions to the next page, the model can't be found. Here is my code:

HTML:

And my app.js:

App = Ember.Application.create();

App.store = DS.Store.create({
  revision: 12,
  adapter: DS.LSAdapter.extend()
});

App.Router.map(function() {
  // put your routes here
  this.route("customer", { path: "/customer" });
  this.route("wsnum", {path: "/wsnum"});
});

App.IndexRoute = Ember.Route.extend({

});
App.IndexController = Ember.Controller.extend({
  create: function(){
    var customer = App.Customer.createRecord({
      first:"ron",
      last:"testing"
    });
    console.log('Before the save');
    customer.save();
    console.log(customer.get('first'));
    this.transitionToRoute('customer');
  }
});
App.CustomerRoute = Ember.Route.extend({
    model: function() {
    var customer = App.Customer.find();
    console.log(customer.get('first'));
    return customer;
  }
});

App.WsnumRoute = Ember.Route.extend({

});

var attr = DS.attr;
App.Customer = DS.Model.extend({
  first: attr('string'),
  last: attr('string')
});

Here is a working example. Any ideas?

Mike Grassotti · Accepted Answer

In App.CustomerRoute.model(), this line:

var customer = App.Customer.find();

sets the customer variable is being set to result of find(). find() returns an array of all customer records. So when you call get('first') on the array it is undefined, since the array of customers does not have a property first.

Also, the route

this.route("customer", { path: "/customer" });

should probably be:

this.route("customer", { path: "/customer/:customer_id" });

since it seems to be for displaying one customer not a list of them.

With that change, CustomerRoute is not really needed at all. So app looks like:

App = Ember.Application.create();
App.store = DS.Store.create({
  revision: 12,
  adapter: DS.LSAdapter.extend()
});
App.Router.map(function() {
  this.route("customer", { path: "/customer/:customer_id" });
  this.route("wsnum", {path: "/wsnum"});
});
App.IndexController = Ember.Controller.extend({
  create: function(){
    var controller = this;
    var customer = App.Customer.createRecord({
      first:"ron",
      last:"harmon"
    });
    customer.save().then(function() {
      controller.transitionTo('customer', customer);
    });
  }
});

var attr = DS.attr;
App.Customer = DS.Model.extend({
  first: attr('string'),
  last: attr('string')
});

Working example here: http://jsbin.com/itogeh/1/edit

Ember Data isn't seeing my local store

Answers (1)

Related Questions

Ember Data isn&#39;t seeing my local store

Answers (1)

Related Questions

Ember Data isn't seeing my local store