Skip to content

naorye/BackboneCleanup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Backbone.Cleanup

Backbone cleanup plugin for views

Getting Started

This is a Backbone clean plugin. After integrating this plugin with your application you can stop thinking about how and where to clean your views.

This Implementation Relies on the following libraries:

More information can be found here: http://www.webdeveasy.com/backbone-cleanup

Usage

  1. Extend your router from Backbone.CleanupRouter.

  2. Each route in your router has a main view instance which is going to be displayed. After rendering this view, call this.markCurrentView(view); in order to let the plugin know which view is currently displayed.
    Router for example:

    var router = Backbone.CleanupRouter.extend({
        routes: {
            'page-a': 'pageA'
        },
        pageA: function() {
            var view = // create a view for page A
            this.markCurrentView(view);
        }
    });
    
  3. Extend your views from Backbone.CleanupView.

  4. Inside your view, each nested view must be marked with this.setNestedView(view);

  5. Now all you have to do is to define a 'cleanup()' method in views you want to clean. View for example:

    var view = Backbone.CleanupView.extend({
        render: function() {
            // Render current view
            var nested = // create a nested view which is
                         // also instance of CleanupView
            this.$el.append(nested.$el);
    
            this.setNestedView(view);
        },
        cleanup: function() {
            // Cleanup current view only
        }
    });
    

Copyright (c) 2013 naorye

About

Backbone cleanup plugin for views

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published