EmberJS: change url for loading model (ember-data)

Question

I have problems with ember-data. For example, I've created a project at http://localhost/~me/test

In my project I've created a store and a model as follows:

... init stuff here ...

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

App.Store = DS.Store.extend({
    revision: 11,
    adapter: DS.RESTAdapter,
});

Now when I search (somewhere in my route) for a person like this

var person = App.Person.find(params);

The http://localhost/persons?post_id=10 is called. This one does not exist of course. I would've expected something like http://localhost/~me/test/persons?post_id=10. Even better would be http://localhost/~me/test/persons.php?post_id=10 How can I change this url ?

Not sure how much the RESTAdapter has changed lately, but it used to have a property called namespace, so you could extend the adapter and set a global path to the resources, which in your case would be namespace: '~/me/test'. I don't know if it's still valid and can't find where they put it now. — MilkyWayJoe
– MilkyWayJoe, Commented Jan 18, 2013 at 20:55

Kerrick · Accepted Answer · 2013-11-08 21:34:28Z

9

This is as of Ember Data Beta 3

To take care of the prefix, you can use the namespace property of DS.RESTAdapter. To take care of the suffix, you'll want to customize the buildURL method of DS.RESTAdapter, using _super() to get the original functionality and modifying that. It should look something like this:

App.ApplicationAdapter = DS.RESTAdapter.extend({
    namespace: '~me/test',
    buildURL: function() {
        var normalURL = this._super.apply(this, arguments);
        return normalURL + '.php';
    }
});

edited Nov 8, 2013 at 21:34

answered Oct 29, 2013 at 21:07

Kerrick

7,4788 gold badges42 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andre Malan · Accepted Answer · 2013-01-18 22:31:12Z

6

MilkyWayJoe is right, in your adapter you can define the namespace.

App.Adapter = DS.RESTAdapter.extend({
  namespace: '~/me/test'
});

answered Jan 18, 2013 at 22:31

Andre Malan

2,04312 silver badges12 bronze badges

5 Comments

Jeanluca Scaljeri Over a year ago

Thnx, using the namespace fixes the first part of the url. What about the .php postfix. If I do it with the adapter "plurals" configuration, like: "person: persons.php" I also need to change the root element of the returned json to "persons.php". Now I don't get any errors, but the "person" returned from App.Person.find() is empty !

MilkyWayJoe Over a year ago

@JeanlucaScaljeri what's the format of the json you're receiving from your API? Ember expects it to be something like this {resource_name: [{resource_id: 1,resource_column_2: "data", resource_column_n: "data"}]}

Jeanluca Scaljeri Over a year ago

App.Person.find(params) is async :( So I'll move that question to on other thread. So the only thing (which is still related to my original question) how to add the postfix .php ?

Andre Malan Over a year ago

I'm assuming just adding .php to the end of the namespace doesn't work? Do you need the .php extension in your app? Why not just rewrite the URLS in .htaccess so that your naked urls point to the php files? It would make this work and be prettier for end users.

Jeanluca Scaljeri Over a year ago

Thats true, I was just wondering, at this point it would make things easier if I could add .php.

Loek van Gent · Accepted Answer · 2013-03-22 09:06:32Z

4

This would work too:

App.Person = DS.Model.extend({
    url: '~me/test/persons',
    firstName: attr('string'),
    lastName: attr('string'),
});

Or if you want to use a namespace and .php path:

App.Adapter = DS.RESTAdapter.extend({
  namespace: '~/me/test',
    plurals: {
        "persons.php": "persons.php",
    }
});

App.Person = DS.Model.extend({
    url: 'persons.php',
    firstName: attr('string'),
    lastName: attr('string'),
});

The plurals bit is to make sure Ember Data doesn't add an 's', e.g. person.phps

answered Mar 22, 2013 at 9:06

Loek van Gent

411 bronze badge

1 Comment

user160917 Over a year ago

I'm using ember-data 0.13 and this does not seem to be having any effect... Any idea why?

Collectives™ on Stack Overflow

EmberJS: change url for loading model (ember-data)

3 Answers 3

This is as of Ember Data Beta 3

Comments

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

This is as of Ember Data Beta 3

Comments

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related