使用backbone.marionette将请求的数据添加到集合中

Question

在我的主干模型中，我试图向服务器发出请求以从一些 JSON 填充集合：

{
"accountType":["Full","Trial"]
}

在我的 account.js 模型中，我有：

accountManager.module("Entities", function(Entities, accountManager,Backbone, Marionette, $, _){

Entities.account = Backbone.Model.extend({});

Entities.accountCollection = Backbone.Collection.extend({
model: Entities.account,
comparator: "account",
url:"webapp/jsonData"
});


var API = {
getaccountEntities: function(){
var accounts = new Entities.accountCollection();
accounts.fetch();
if(accounts.length === 0){
console.log("No profiles loaded");
}
return accounts;
}};

accountManager.reqres.setHandler("account:entities", function(){
    return API.getaccountEntities();
});
});

Controller.js

accountManager.module("accountsApp.List", function(List, accountManager,Backbone, Marionette, $, _){

List.Controller = {
    listaccounts: function(){
        var accounts = accountManager.request("account:entities");
        var accountsListView = new List.accounts({
        collection: accounts});
        accountManager.mainRegion.show(accountsListView);
        }
    };
});

app.js

var profileManager = new Marionette.Application();

profileManager.addRegions({
 mainRegion: "#main-region",
});

 profileManager.on("initialize:after", function(){
 profileManager.profilesApp.List.Controller.listprofiles();
 });

如何使用返回的数据填充集合，然后将其显示在视图中？

按照我拥有的一本书中的教程进行操作，但似乎无法使其工作。

控制台记录错误（所以我知道它没有获取数据）并且我也收到错误：

'Uncaught ReferenceError: account is not defined'

有什么建议吗？

Answer 1

您正在尝试使用不返回集合的 API 端点来初始化集合。 “webapp/jsonData”需要返回类似

[
  { id: 1, name: "account 1", type: "Full"},
  { id: 2, name: "account 2", type: "Trial"},
  { id: 3, name: "account 3", type: "Full"}
]

请注意，它是一个对象数组，其中每个对象都将成为集合中的一个模型。

特别是，followign JSON（根据您的问题）无法创建集合：

{
  "accountType":["Full","Trial"]
}

相反，如果您想要一个帐户类型的集合，您的 JSON 需要类似于

[
  {name: "Full"},
  {name: "Trial"}
]

您的集合中还有一个小错误：comparator 值必须是对象属性。换句话说，它只有在每个帐户模型都有一个“帐户”属性时才有效。