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

lztngnrs  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(150)

我正在尝试学习Backbone.js
它可以对单个模型执行GET、PUT和DELETE操作,但是当我创建一个集合时,fetch方法会出现以下错误:未捕获的类型错误:无法读取未定义的属性'idAttribute'(backbone.js:683)
下面是我正在尝试的代码:

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

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

var personList = new PersonList();
personList.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
我做错了什么?

9w11ddsr

9w11ddsr1#

当你扩展一个Backbone.Collection时,model应该是一个构造函数的引用,而不是一个字符串。所以你需要去掉Person的引号。

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

下面是Collection-model的文档。

n53p2ov0

n53p2ov02#

除了@fbynite的回答。
您还需要确保您所引用的对象是一个有效的Backbone.js 模型(从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,
});

相关问题