Ember data store return undefined record from FIXTURES

Question

I am new in ember and i am trying to simply get log of items stored by Fixtures model and i cannot. Here is what I have done:

app.js

    App = Ember.Application.create();

    App.Store = DS.Store.extend({
        adapter: DS.FixtureAdapter.extend()
    });

    App.Documenter = DS.Model.extend({
        firstName: DS.attr('string'),
        lastName: DS.attr('string')
    });

    App.Documenter.FIXTURES = [
      { id: 1, firstName: 'Trek', lastName: 'Glowacki' },
      { id: 2, firstName: 'Tom', lastName: 'Dale' }
    ];


App.IndexRoute = Ember.Route.extend({
    controllerName: 'application',
    actions: {
        addtostore: function () {
        },
        displaystore: function () {
             var obj =  this.store.all('documenter');
            console.log(obj.objectAt(0).firstName); //here i get undefined

        }
    }

});

html:

<script type="text/x-handlebars">
    <h2> Ember POC</h2>
    <p>POC</p>
    {{outlet}}
     <button {{action 'displaystore'}}>TestButton</button>
</script>

I've looked at few answers already on stackoverflow: Ember-Data Fixture Adapter Ember App Kit with ember data

but still I dont get, why button TestButton dont log into console. I tried many ways but always it is undefined

Have you tried `obj.objectAt(0).get("firstName")` instead of access the property directly? — Marcio Junior, Aug 19 '14 at 13:43
Use the Ember debugger and make sure your objects are in the store. — Steve H., Aug 19 '14 at 13:51

score 4 · Accepted Answer · answered Aug 19 '14 at 14:18

No need to define the store, and your adapter should be defined like so:

App.ApplicationAdapter = DS.FixtureAdapter;

And all only returns records that have already been found and are in the store. The FIXTURES hash isn't automatically loaded into the store, you still need to use find in order to get records from the FIXTURES hash.

displaystore: function () {
    this.store.find('documenter').then(function(records){ // this is async
      console.log(records.get('firstObject.firstName'));
    });
}

It's doubtful you would want to call find from the action like this, since it'd call back to the server each time, generally you'd get the records in the route (or even prime your store in the route so you can use all).

it was helpfull and i needed to do such thing too, but i did so many things wrong that i will write after that answere — Sebastian 506563, Aug 20 '14 at 14:38

score 0 · Answer 2 · edited Aug 20 '14 at 14:17

0

Because I am fresh in Ember, I made few common mistakes. I did not understand routes, handlebars, etc., and I messed up. The problem was that I did not assign the model to a controller.

App.IndexRoute = Ember.Route.extend({
    model: function () {
        var store = this.get('store');
        return store.findAll('documenter');
    }
});

edited Aug 20 '14 at 14:17

pjmorse

8,754
9
52
115

answered Aug 20 '14 at 14:12

Sebastian 506563

5,093
2
26
49

Ember data store return undefined record from FIXTURES

2 Answers2