Edit Question - KnowledgeHub

Title Body

Let's say I have two views (paginationview and postsview) and a collection (postscollection). Whenever the .next button is clicked in the paginationview I am calling the next function in the postscollection and the post collection is fetching the new page's posts from the server (code is simplified). Now in my post view, I only want to display the posts that are in the last page. I don't want to bind my view to the 'add' event in the collection because there are more cases that something is 'added' to the collection. I want my 'renderlist' function in my postsview only to be called when the 'nextPage' function is called in my postscollection. How do I connect these to functions together? // paginationview var PaginationView = Backbone.View.extend({ events:{ 'click a.next' : 'next', }, next: function() { this.collection.nextPage(); return false; } }); // collection 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: functio

Tags (comma-separated) Cancel