Collezione Backbone con più modelli?

Question

Sto imparando Backbone.

Voglio creare un elenco che può contenere diversi modelli, con attributi diversi.

Ad esempio, elencando il contenuto della cartella, che potrebbe includere modelli di tipo file e modelli di cartella tipo, in qualsiasi ordine.

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

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

Qual è il modo corretto di rappresentarlo in Backbone? È possibile avere una singola Collezione con più modelli?

Answer 1

Creare un modello di base che gli altri modelli ereditano da:

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 
}); 

e rendere la model tipo di raccolta sia che lo stesso modello di base:

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

Answer 2

Si potrebbe anche farlo la spina dorsale modo. Consulta i documenti backbone collection

Fondamentalmente si creano diversi modelli aggiungendo un attributo di tie breaker dire "tipo" in questo caso.

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); 
       break; 
      case 'folder': 
       return new folder(model, options); 
       break; 
     } 
    } 
}); 

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

Answer 3

Backbone documention non è completa in questo caso. Non funziona se utilizzato con l'opzione merge:true e idAttribute. In questo caso è necessario:

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 
}); 

Answer 4

 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(); 
      },