Marionette.Region to show jquery dialog modal

app.coffee

class Application extends Backbone.Marionette.Application

App = new EzBob.Application

App.addRegions
    jqmodal: EzBob.JqModalRegion

JqModalRegion.coffee

class JqModalRegion extends  Backbone.Marionette.Region
    constructor: ->
        @on 'view:show', @showModal, @
        @dialog = $('<div/>')
        super()
    
    el: 'fake'

    getEl: (selector) ->
        @dialog

    showModal: (view)->
        view.on 'close', @.hideModal, @
        @dialog.dialog(view.jqoptions())
        @dialog.one 'dialogclose', =>
            @close()

    hideModal: ->
        @dialog.dialog('close')

modaltest.coffee

class TestView extends Backbone.Marionette.View
    constructor: ->
        _.bindAll @
        super()
    render: ->
        @$el.html('<h2>Hello!</h2>')

    jqoptions: ->
        buttons:
            'Ok': @onOk
            'Cancel': @onCancel
        modal: true
        title: 'A test modal window'

    onOk: ->
        console.log 'ok'
        @.close()

    onCancel: ->
        console.log 'cancel'
        @.close()

    close: ->
        console.log 'view closed'
        super()