Backbone model is not getting populated

Question

app.Model.BrandModel = Backbone.Model.extend({
  idAttribute: 'brandId',
  defaults: {
    name : '',
    description : '',
    brandImage : '',
    user : '',
    showPro : false,
    proDescription : ''
  },
  url : function(){
    return '/rest/brands/' + brandId;
  }
 });

I can see from firebug that my my server is returning the following JSON response.Also the request is successful.

brandId "fc692c70-4096-11e3-a0f2-3c970e02b4ec"
name "Galeria"
user "940ee800-4090-11e3-80c0-3c970e02b4ec"
description "This is galeria"
brandImage "/brand-images/fc692c70-...3-a0f2-3c970e02b4ec.jpg"
proDescription ""
showPro false

I am calling like this.

var brandModel = new app.Model.BrandModel();
brandModel.fetch();

but my model is not getting populated and the values are still default one.

my controller

@RequestMapping(value = "/rest/brands/{brandId}",
       method = RequestMethod.GET,
       produces = "application/json")
@ResponseBody
public Brand getBrand(@PathVariable("brandId") String brandId, HttpServletResponse response) {

score 0 · Answer 1 · edited May 23 '17 at 12:05

0

I don't see where you are telling your code WHICH brandId to fetch... Have you tried this?

var brandModel = new app.Model.BrandModel({brandId: "fc692c70-4096-11e3-a0f2-3c970e02b4ec"});
brandModel.fetch();

More information: How do I fetch a single model in Backbone?

edited May 23 '17 at 12:05

Community

1
1

answered Oct 29 '13 at 13:28

David Fleeman

2,588
14
17

score 0 · Accepted Answer · answered Oct 29 '13 at 15:08

0

fetch performs an asynchronous HTTP (Ajax) request, so I passeed fetch a success callback and now i am seeing the modal values.

brandModel.fetch({
   success: function(){
       console.log(brandModel.toJSON());  
   }
});

answered Oct 29 '13 at 15:08

Saurabh Kumar

16,353
49
133
212

score 0 · Answer 3 · answered Oct 30 '13 at 06:43

Should be:

app.Model.BrandModel = Backbone.Model.extend({
  idAttribute: 'brandId',
  urlRoot : '/rest/brands/',
  defaults: {
    name : '',
    description : '',
    brandImage : '',
    user : '',
    showPro : false,
    proDescription : ''
  }
 });

Then like @David mentioned:

var brandModel = new app.Model.BrandModel({brandId: "fc692c70-4096-11e3-a0f2-3c970e02b4ec"});
brandModel.fetch();

score -1 · Answer 4 · answered Oct 29 '13 at 13:53

-1

Also return '/rest/brands/' + brandId; probably should be return '/rest/brands/' + this.get("brandId");

answered Oct 29 '13 at 13:53

srdjans

11
3

Backbone model is not getting populated

4 Answers4