BackboneJS: carica più elementi in una raccolta

Question

In Backbone JS quando richiamo una collezione dovrei recuperare l'intera raccolta o una piccola parte di essa?

Ad esempio, ho raccolte di feed di notizie in mongoDB che potrebbero avere potenzialmente 1000 di elementi. Quando l'utente raggiunge la pagina, voglio solo mostrargli gli ultimi 10 elementi con l'opzione "Carica altro". Ma se visitano un elemento specifico tramite l'URL http://site.com/#/feed/:itemID, voglio poter recuperare il record di quell'elemento.

1. Quanti documenti devo caricare inizialmente?

2. Come posso ottenere il recupero di un oggetto tramite ID?

Answer 1

1 - Si dovrebbe essere recuperando 10

Aggiungere un argomento pagina alla tua collezione e hanno il codice backend restituire la corrispondente pagina (10/pagina). ?/My_objects page = 2 per ottenere record 10-20 ecc

A tale scopo, come questo (non testata):

collection.fetch({data: {page:2}}) 

O si modifica l'URL direttamente

2 - Per recuperare un elemento per ID si crea il modello

object = new Model({id: 1}) 

prenderla

object.fetch() 

Answer 2

Probabilmente non si desidera utilizzare solo Collection.fetch(), perché non si otterrà il vantaggio della memorizzazione nella cache sul lato client: eliminerà gli elementi già caricati dal server e verrà ripristinata la raccolta. Probabilmente dovrai estendere lo Backbone.Collection con una funzione personalizzata per recuperare più oggetti. Ho usato il seguente codice in un recente progetto:

Backbone.Collection.extend({ 

    // fetch list without overwriting existing objects (copied from fetch()) 
    fetchNew: function(options) { 
     options = options || {}; 
     var collection = this, 
      success = options.success; 
     options.success = function(resp, status, xhr) { 
      _(collection.parse(resp, xhr)).each(function(item) { 
       if (!collection.get(item.id)) { 
        collection.add(item, {silent:true}); 
       } 
      }); 
      if (!options.silent) collection.trigger('reset', collection, options); 
      if (success) success(collection, resp); 
     }; 
     return (this.sync || Backbone.sync).call(this, 'read', this, options); 
    } 

}); 

Questo è in gran parte copiato dal codice predefinito fetch(), ma invece di cadere elementi esistenti si aggiungerà di nuovi. Probabilmente vorresti implementare qualcosa sul lato server, usando l'oggetto options come Julien suggerisce di passare i parametri di quali elementi vuoi caricare, probabilmente un numero di pagina (se vuoi controllare le dimensioni della pagina sul server) o una coppia start-stop (se si desidera controllarla sul client).

Answer 3

Ho finito per utilizzare l'istruzione {add: true} quando si chiama fetch sulla mia raccolta. Ciò impedisce che la raccolta venga sostituita dal risultato del recupero e invece aggiunge il risultato alla raccolta. Poi ho anche passato l'importo "salta" utilizzando lo {data: {skip: amountOfItemsInCollectionAlready }, questo viene utilizzato sul lato server per ottenere il batch corretto di elementi dal database.

Il mio metodo recuperare finale assomiglia a questo:.

loadMore: function(e){ 

     this.collection.fetch({ 
      add: true,// this adds to collection instead of replacing 
      data:{// this is optional params to be sent with request 
       skip: this.collection.length// skip the number of items already in the collection 
      } 
     }); 
    }