Backbone.js集合fetch()抛出未捕获的TypeError:无法读取未定义的属性'idAttribute'

时间:2013-12-16 04:43:33

标签: javascript backbone.js

我正在努力学习Backbone.js

它有效地使用GET,PUT和DELETE单一模型。但是,当我创建一个集合时,fetch方法会出现以下错误: 未捕获的TypeError:无法读取未定义的属性'idAttribute'(backbone.js:683)

以下是我正在尝试的代码:

Person = Backbone.Model.extend({
    urlRoot: '/people'
});

PersonList = Backbone.Collection.extend({
    model: 'Person',
    url: '/people'
});

var personList = new PersonList();
personList.fetch();

在fetch上,服务器返回以下JSON,我认为这是正确的:

[{"id":1,"name":"Matt","description":"Worker"},{"id":3,"name":"Test","description":"Test person"}]

我正在使用jQuery 2.0.3(也尝试过1.10.2),Underscore.js 1.5.2和Backbone.js 1.1.0

我做错了什么?

2 个答案:

答案 0 :(得分:10)

扩展Backbone.Collection时,model应该是对构造函数的引用,而不是字符串。因此,您需要从Person删除引号。

PersonList = Backbone.Collection.extend({
  model: Person,
  url: '/people'
});

以下是Collection-model的文档。

答案 1 :(得分:0)

除了@fbynite答案。

您还需要确保所引用的对象是有效骨干模型(从Backbone.Model扩展过来的对象)。

因此,在调用模型/集合/视图的js文件时,请确保模型文件的调用早于集合文件。

在我的示例中,我花了几个小时进行调查,而我的问题是在模型之前启动集合,所以我建议不要使用以下行:App.AppModel = App.AppModel || {};。它的“安全性”较差,但更好的是让代码中断,因此您可以看到问题所在。

window.App = window.App || {};
App.AppModel = App.AppModel || {}; //DO not use this line!!

App.AppCollection = Backbone.Collection.extend({    
    model: App.AppModel,
});