多型号 Backbone 系列?

kgsdhlau  于 2022-11-10  发布在  其他
关注(0)|答案(4)|浏览(153)

我在学 Backbone 。
我想创建一个可以包含具有不同属性的不同模型的列表。
例如,以任何顺序列出文件夹内容,其中可能包括文件类型的模型和文件夹类型的模型。

file : {
  title : "",
  date : "",
  type : "",
  yaddayadda : ""
}

folder : {
  title : "",
  date : "",
  haminahamina : ""
}

在Backbone中如何正确地表示这一点?是否可以在一个集合中包含多个模型?

polhcujo

polhcujo1#

建立其他模型继承的基准模型:

var DataModel = Backbone.Model.extend({
    // Whatever you want in here
});

var FileModel = DataModel.extend({
    // Whatever you want in here
});

var FolderModel = DataModel.extend({
    // Whatever you want in here
});

并使集合的model类型成为相同的基本模型:

var DataCollection = Backbone.Collection.extend({
    model: DataModel
});
goucqfw6

goucqfw62#

你也可以用 Backbone.js 的方式来做。
基本上,您将创建不同的模型,并添加一个平局决胜属性,在本例中为“type”。

var file = Backbone.Model.extend({
        defaults: {
            // will need to include a tie breaker attribute in both models
            type: 'file'
        }
    }),
    folder = Backbone.Model.extend({
        defaults: {
            // tie breaker
            type: 'folder'
        }
    });

var fs = Backbone.Collection.extend({
    model: function(model, options) {
        switch(model.type) {
            case 'file':
                return new file(model, options);
            case 'folder':
                return new folder(model, options);
        }
    }
});

// after that just add models to the collection as always
new fs([
    {type: 'file',name: 'file.txt'},
    {type: 'folder',name: 'Documents'}
]);
bf1o4zei

bf1o4zei3#

在这种情况下, Backbone.js 文档不完整。当与merge:true选项和idAttribute一起使用时,它将不起作用。在这种情况下,您需要:

var ModelFactory = function (attr, options) {
  switch (attr.type) {
    case 'file':
      return new file(attr, options);
    case 'folder':
      return new folder(attr, options);
  }
};
ModelFactory.prototype.idAttribute = '_id';

var fs = Backbone.Model.extend({
   model: ModelFactory
});
vlf7wbxs

vlf7wbxs4#

var bannedList = app.request('rest:getBan');
        var whiteIpList = app.request("rest:getWhite");
        var whiteGroupList = app.request("rest:....");
        $.when(bannedList, whiteIpList, whiteGroupList).
done(function (bannedList, whiteIpList, whiteGroupList) {
            var collection = new Backbone.Collection();
            collection.add(bannedList);
            collection.add(whiteIpList);
            collection.add(whiteGroupList);

        });

    app.reqres.setHandler("rest:getBannedList", function (data) {
        return API.getBannedList(data);
    });
    getBannedList: function (data) {
                var user = new Backbone.Model();
                user.url = '/banned';
                user.cid = 'bannedList';
                var defer = $.Deferred();

                user.fetch({
                    type: 'GET',
                    data: data,
                    success: function (data) {
                        defer.resolve(data);
                    },
                    error: function (data) {
                        defer.reject(data);
                    }
                });
                return defer.promise();
            },

相关问题