Simple text view for Marionette

When you need a really simple view to populate a region with some text.

by Adam Boduch

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.2.2/backbone.marionette.min.js"></script>

JavaScript

var Marionette = Backbone.Marionette;

var layout = new Marionette.LayoutView({
    template: _.template('<p></p><p></p>'),
    regions: { first: 'p:first', last: 'p:last' }
});

var application = new Marionette.Application({
    regions: { main: 'body' }
});

application.main.show(layout);

var TextView = Marionette.ItemView.extend({
    initialize: function() {
        this.template = _.wrap(
            this.getOption('text'),
            _.identity
        );
    }
});

layout.first.show(new TextView({ text: 'hello' }));
layout.last.show(new TextView({ text: 'world' }));