JSFiddle - React, Tailwind, and code Playground

by niki4810

HTML

<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.marionette/master/lib/backbone.marionette.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script id="myDlgTemplate" type="text/html">
<p>My content</p>    
</script>

<button id="btnLauncher">Launch Dialog</button>

JavaScript

var dlgView = Backbone.Marionette.ItemView.extend({
    template: "#myDlgTemplate",
    onRender: function() {
        this.$el.dialog({
            autoOpen: false,
            title: "My Dialog",
            modal: true
        });
    }
});

$("#btnLauncher").click(function() {
    var dlgModel = Backbone.Model.extend();

    var myDlg = new dlgView({
        model: dlgModel
    });

    myDlg.render();

});