ottenere il modello successivo e precedente da una collezione

Question

Ho visto alcuni modi diversi per ottenere il modello successivo o precedente da una raccolta, ma mi chiedevo se qualcuno potesse offrire qualche consiglio sul modo in cui ho deciso di implementarlo. La mia collezione è ordinata, ma l'id che sto ordinando non è garantito per essere sequenziale. È garantito che sia unico. Supponiamo che gli id ​​più piccoli siano voci "più vecchie" della collezione e gli ID più grandi siano "più recenti".

MyCollection = Backbone.Collection.extend({ 
    model: MyModel, 
    initialize:function(){ 
    this.getElement = this._getElement(0); 
    }, 
    comparator: function(model) { 
    return model.get("id"); 
    }, 
    _getElement: function (index){ 
    var self = this; 
    return function (what){ 
    if (what === "next"){ 
     if (index+1 >= self.length) return null; 
     return self.at(++index); 
    } 
    if (what === "prev"){ 
     if (index-1 < 0) return null; 
     return self.at(--index); 
    } 
    // what doesn't equal anything useful 
    return null; 
    }; 
    } 
}); 

Quando si utilizza getElement, faccio cose come getElement ("next") e getElement ("prev") per chiedere per il modello successivo o precedente nella mia collezione. Ciò che viene restituito da getElement è il modello attuale, non l'indice. Conosco collection.indexOf, ma volevo un modo per scorrere una collezione senza prima avere un modello da cui partire. Questa implementazione è più difficile di quanto dovrebbe essere?

Answer 1

Farei qualcosa del genere. Tieni presente che attualmente non è in corso la gestione degli errori, quindi se attualmente ti trovi nel primo modello della raccolta e provi a ottenere il precedente, probabilmente riceverai un errore.

MyCollection = Backbone.Collection.extend({ 
    model: MyModel, 
    initialize:function(){ 
    this.bindAll(this); 
    this.setElement(this.at(0)); 
    }, 
    comparator: function(model) { 
    return model.get("id"); 
    }, 
    getElement: function() { 
    return this.currentElement; 
    }, 
    setElement: function(model) { 
    this.currentElement = model; 
    }, 
    next: function(){ 
    this.setElement(this.at(this.indexOf(this.getElement()) + 1)); 
    return this; 
    }, 
    prev: function() { 
    this.setElement(this.at(this.indexOf(this.getElement()) - 1)); 
    return this; 
    } 
}); 

per avanzare al prossimo modello collection.next(). Per passare al modello successivo e restituirlo var m = collection.next().getElement();

Per spiegare un po 'meglio come funziona next/prev.

// The current model 
this.getElement(); 
// Index of the current model in the collection 
this.indexOf(this.getElement()) 
// Get the model either one before or one after where the current model is in the collection 
this.at(this.indexOf(this.getElement()) + 1) 
// Set the new model as the current model 
this.setElement(this.at(this.indexOf(this.getElement()) + 1)); 

Answer 2

Ho fatto questo leggermente in modo diverso in quanto sto aggiungendo i metodi al modello piuttosto che alla raccolta. In questo modo, posso prendere qualsiasi modello e ottenere quello successivo nella sequenza.

next: function() { 
    if (this.collection) { 
     return this.collection.at(this.collection.indexOf(this) + 1); 
    } 
}, 
prev: function() { 
    if (this.collection) { 
     return this.collection.at(this.collection.indexOf(this) - 1); 
    } 
}, 

Answer 3

Urtando questa vecchia discussione con una soluzione un po 'più generico:

elementi da aggiungere al Collection.prototype

current: null, 

initialize: function(){ 
    this.setCurrent(0); 
    // whatever else you want to do here... 
}, 

setCurrent: function(index){ 
    // ensure the requested index exists 
    if (index > -1 && index < this.size()) 
     this.current = this.at(index); 
    else 
     // handle error... 
}, 

// unnecessary, but if you want sugar... 
prev: function() { 
    this.setCurrent(this.at(this.current) -1); 
}, 
next: function() { 
    this.setCurrent(this.at(this.current) +1); 
} 

è possibile utilizzare i metodi di zucchero per ottenere la prev/prossimo modello così ...

collection.prev(); 
collection.next(); 

Answer 4

My Backbo ne classe SelectableCollection:

Backbone.Collection.extend({ 
    selectNext: function() { 
     if(this.cursor < this.length - 1) { 
      this.cursor++; 
      this.selected = this.at(this.cursor); 
      this.trigger('selected', this.selected); 
     } 
    }, 

    selectPrevious: function() { 
     if(this.cursor > 0) { 
      this.cursor--; 
      this.selected = this.at(this.cursor); 
      this.trigger('selected', this.selected); 
     } 
    }, 
    selectById: function (id) { 
     this.selected = this.get(id); 
     this.cursor = this.indexOf(this.selected); 
     this.trigger('selected', this.selected); 
    }, 
    unselect: function() { 
     this.cursor = null; 
     this.selected = null; 
     this.trigger('selected', null); 
    } 
});