JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
JavaScript
var ModalDialog = Backbone.View.extend({
defaults: {
wrapperTemplate: '<div class="modal-dialog"><div class="modal-content"><%= data.content %></div></div>',
modalHeadingHtml: null,
modalBodyHtml: null,
modalFooterHtml: null
},
className: 'wl-car-book-modal modal wl-modal fade',
/**
* Initializes booking modal view.
*/
initialize: function (options) {
this.options = _.extend({}, this.defaults, this.options);
$('body').append(this.render().el);
},
render: function() {
var wrapperFunc = _.template(this.options.wrapperTemplate);
var wrapperHtml = wrapperFunc({data: {content: '<div class="blah">Testing</div>'}});
this.$el.html(wrapperHtml);
return this;
}
});
var modalDialogView = new ModalDialog();