<button type="button" class="btn btn-brand mr20" mx-click="alert()">alert</button>
<button type="button" class="btn btn-brand mr20" mx-click="confirm()">confirm</button>

let Magix = require('magix');
let Dialog = require('app/gallery/mx-dialog/index');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    mixins: [Dialog],
    render() {
        let me = this;
        me.updater.digest();
    },
    'alert<click>' () {
        this.alert('xxx', () => {
            console.log('确定被点击');
        });
    },
    'confirm<click>' () {
        this.confirm('xxx', () => {
            console.log('确定被点击');
        }, () => {
            console.log('取消被点击');
        });
    }
});

<button type="button" class="btn btn-brand mr20" mx-click="view()">view</button>

let Magix = require('magix');
let Dialog = require('app/gallery/mx-dialog/index');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    mixins: [Dialog],
    render() {
        let me = this;
        me.updater.digest();
    },
    'view<click>' () {
        this.mxDialog('path/to/view', {
            width: 900
        });
    }
});