Marionette.StateRegion

A Region that can transition between different states.

Usage

Specify an initialView and a views map. The StateRegion listens for view events (as defined by the views map) from the current view in order to transition to another view.

    var View1 = Marionette.ItemView.extend({
        // definition...

        // should trigger 'view:2' to transition to View2.
        triggers: {
            'click .selector': 'view:2'
        }
    });

    var View2 = Marionette.ItemView.extend({
        // definition...

        // should trigger 'view:1' to transition to View1.
        triggers: {
            'click .selector': 'view:1'
        }
    });

    var StateRegion = Marionette.StateRegion({
        initialView: 'view:1',

        views: {
            'view:1': View1,
            'view:2': View2
        }
    });

    var region = new StateRegion({
        el: '#region',
        regionType: StateRegion
    });

License

Licensed under MIT. Please refer to LICENSE for more information.