В моем приложении я обратился к вопросу сброса, добавив новый метод с именем fetchNew:
app.Collection = 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) {
// added this conditional block
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);
}
});
Этот метод в значительной степени идентичен стандартному методу fetch(), за исключением проверки условных операторовдля существования элемента и использования add() по умолчанию, а не reset.В отличие от простой передачи {add: true} в аргументе options, он позволяет вам извлекать наборы моделей, которые могут перекрываться с уже загруженными - использование {add: true} приведет к ошибке, если вы попытаетесь добавить одну и ту же модель дважды.
Это должно решить вашу проблему с кэшированием, предполагая, что ваша коллекция настроена так, что вы можете передать некоторый параметр page в options, чтобы сообщить серверу, какую страницу параметров отправить обратно.Возможно, вы захотите добавить какую-то структуру данных в свою коллекцию, чтобы отслеживать, какие страницы вы загрузили, чтобы избежать ненужных запросов, например:
app.BigCollection = app.Collection.extend({
initialize: function() {
this.loadedPages = {};
},
loadPage: function(pageNumber) {
if (!this.loadedPages[pageNumber]) {
this.fetchNew({
page: pageNumber,
success: function(collection) {
collection.loadedPages[pageNumber] = true;
}
})
}
}
});