Twitter Bootstrap Modals in Backbone.Marionette

I was reading a blog post by Derek Bailey where he talks about managing twitter bootstrap modals in Marionette. That gave me an idea to write a javascript mixin that I could reuse for my twitter bootstrap modals that just simply lets me open and close modals properly. It helps eliminate a little bit of boiler plate code to handle modals.

You can see the code at https://github.com/kdocki/marionette-twitter-bootstrap-modal-mixin

You can see a demo at http://kdocki.github.io/marionette-twitter-bootstrap-modal-mixin

I could have stuck to single inheritance by extending a Marionette.ItemView or something. But what if you wanted to use a Marionette.CompositeView? You’d end up writing the same class twice, so by using the mixin you are able to ‘mix in’ only the functionality needed for the modal.

** Update ** After talking to Brian Mann about it, he suggested I use a Marionette.Region to do modals which is how I do modals now. I might do another post on this later.

post by K.D. on 07/24/2013