Скажем, у меня есть два вида (paginationview и postsview) и коллекция (postscollection). Всякий раз, когда нажата кнопка .next в представлении paginationview, я вызываю следующую функцию в postcollection, и почтовая коллекция извлекает новые сообщения страницы с сервера (код упрощен). Теперь в моем представлении сообщения я хочу отображать сообщения, которые находятся на последней странице. Я не хочу привязывать свое представление к событию "добавить" в коллекции, потому что есть больше случаев, когда что-то добавляется в коллекцию. Я хочу, чтобы моя функция "renderlist" в моем сообщении была вызвана только при вызове функции "nextPage" в моем postcollection. Как связать их с функциями вместе?
//paginationview
var PaginationView = Backbone.View.extend({
events:{
'click a.next' : 'next',
},
next: function() {
this.collection.nextPage();
return false;
}
});
//коллекция
var PostsCollection = Backbone.Collection.extend({
model: model,
initialize: function() {
_.bindAll(this, 'parse', 'url', 'pageInfo', 'nextPage', 'previousPage');
this.page = 1;
this.fetch();
},
parse: function(response) {
console.log(response);
this.page = response.page;
this.perPage = response.perPage;
this.total = response.total;
this.noofpages =response.noofpages;
return response.posts;
},
url: function() {
return '/tweet/' + '?' + $.param({page: this.page});
},
nextPage: function() {
console.log("next page is called");
this.page = this.page + 1;
this.fetch();
},
//postsview
var PostsView = Backbone.View.extend({
events:{
'click #testbutton' : 'test',
'click #allbutton' : 'render',
},
initialize: function() {
this.listenTo(this.collection, 'add', this.addOne);
},
render: function() {
$(".maincontainer").html("");
this.collection.forEach(this.addOne, this);
return this;
},
renderlist: function(){
$(".maincontainer").html("");
this.collection.forEach(this.addOne, this);
},
addOne: function(post) {
var post = new postView({model : post});
post.render();
this.$el.prepend(post.el);
},
});