Question

17

Backbone.js View removing and unbinding

rated 0 times [ 24] [ 7] / answers: 1 / hits: 28079 / 13 Years ago, tue, january 31, 2012, 12:00:00

when my page opens, I call the collection and populate the view:

var pagColl = new pgCollection(e.models); 

var pagView = new pgView({collection: pagColl});

Separately (via a Datepicker), I wish to want to populate the same collection with different models and instantiate the view again.

The problem I have is how to close the original pagView and empty the pagColl before I open the new one, as this ghost view is creating problems for me. The variables referred to above are local variables? is it that I need to create a global pagColl and reset() this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lidialyrick

Add To Favorites

Follow

Total Points: 737

Total Questions: 104

Total Answers: 89

Location: Andorra

Member since Sat, May 27, 2023

1 Year ago

answered 13 Years ago jarettajb · Accepted Answer

well there has been many discussion on this topic actually,
backbone does nothing for you, you will have to do it yourself and this is what you have to take care of:

removing the view (this delegates to jQuery, and jquery removes it from the DOM)
```
// to be called from inside your view... otherwise its  `view.remove();`

this.remove();
```
this removes the view from the DOM and removes all DOM events bound to it.

removing all backbone events
```
// to be called from inside the view... otherwise it's  `view.unbind();`

this.unbind();
```
this removes all events bound to the view, if you have a certain event in your view (a button) which delegates to a function that calls this.trigger('myCustomEvent', params);

if you want some idea's on how to implement a system I suggest you read up on Derrick Bailey's blogpost on zombie views: http://lostechies.com/derickbailey/2011/09/15/zombies-run-managing-page-transitions-in-backbone-apps/.

another option

another option would be to reuse your current view, and have it re-render or append certain items in the view, bound to the collection's reset event