javascript - Backbone: Collection Won't Reset -

i'm trying .reset() clear collection before calling .fetch() on retrieve new data page.

but reason collection isn't being resetted , fetching new data when navigate page. resets collection , gets new data when manually reload page.

class projectpostitemsview extends backbone.view   template: jst['project_post_items.ejs']   posts_item_views: []    initialize: ->     super()     @listento( @collection, 'add', @displaypostitem )     @collection.reset().fetch(add: true)    displaypostitem: (project) ->     view = new projectpostitemview(model: project)     @posts_item_views.push( view.on('render', =>       @$('.post-items').append(view.$('>'))) )    render: (options) ->     super(options) 

i'm new backbone i'm not sure if i'm handling correctly. doing wrong?

any appreciated. in advance!

instead of calling reset before fetch, better way use:

 collection.fetch({reset: true}); 

as per backbonejs docs,
"when model data returns server, uses set (intelligently) merge fetched models, unless pass {reset: true}, in case collection (efficiently) reset." http://backbonejs.org/#collection-fetch