<button type="button" class="btn btn-brand" mx-view="app/gallery/mx-popmenu/index" view-related="#menu_<%=viewId%>">显示更多菜单</button>
    <ul class="none menu" id="menu_<%=viewId%>">
        <li class="menu-item" mx-click="hide()">示例菜单1</li>
        <li class="menu-item" mx-click="hide()">示例菜单2</li>
        <li class="menu-item" mx-click="hide()">示例菜单3</li>
        <li class="menu-item" mx-click="hide()">示例菜单4</li>
        <li class="menu-item" mx-click="hide()">示例菜单5</li>
        <li class="menu-item" mx-click="hide()">示例菜单6</li>
    </ul>

let Magix = require('magix');
let $ = require('$');
Magix.applyStyle('@index.css');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    render() {
        let me = this;
        me.updater.digest({
            viewId: me.id
        });
    },
    'hide<click>' () {
        $('#' + this.id + ' button').invokeView('hide');
    }
});