magix-components
Version:
1 lines • 2.68 kB
JavaScript
define("mx-popmenu/__test__/index",["magix","$","../index"],function(e,i,t){e("../index");var l=e("magix"),n=e("$");l.applyStyle("e",".aN{-webkit-box-shadow:0 3px 3px #eee;box-shadow:0 3px 3px #eee;list-style:none;margin:0;border:1px solid #e6e6e6;border-radius:4px;position:relative;background-color:#fff}.aO{color:#666;display:block;padding:0 7px;margin:6px 10px;height:26px;line-height:26px;border-radius:4px;white-space:nowrap;cursor:pointer}.aO:hover{color:#fff;background-color:#8383eb}"),t.exports=l.View.extend({tmpl:{html:'<h2>mx-popmenu</h2><div class="B ag"><button mx-guid="g0 " type="button" class="al am" mx-view="mx-popmenu/index?related=%23menu_<%!$eu($$.viewId)%>">显示更多菜单</button><ul mx-guid="g1 " class="af aN" id="menu_<%=$$.viewId%>"><li class="aO" mx-click=" hide()">示例菜单1</li><li class="aO" mx-click=" hide()">示例菜单2</li><li class="aO" mx-click=" hide()">示例菜单3</li><li class="aO" mx-click=" hide()">示例菜单4</li><li class="aO" mx-click=" hide()">示例菜单5</li><li class="aO" mx-click=" hide()">示例菜单6</li></ul></div><div class="B"><div>HTML Code:</div><pre><button type="button" class="btn btn-brand" mx-view="app/gallery/mx-popmenu/index" view-related="#menu_<%=viewId%>">显示更多菜单</button>\n <ul class="none menu" id="menu_<%=viewId%>">\n <li class="menu-item" mx-click="hide()">示例菜单1</li>\n <li class="menu-item" mx-click="hide()">示例菜单2</li>\n <li class="menu-item" mx-click="hide()">示例菜单3</li>\n <li class="menu-item" mx-click="hide()">示例菜单4</li>\n <li class="menu-item" mx-click="hide()">示例菜单5</li>\n <li class="menu-item" mx-click="hide()">示例菜单6</li>\n </ul></pre><div class="z">Javascript Code:</div><pre>\nlet Magix = require(\'magix\');\nlet $ = require(\'$\');\nMagix.applyStyle(\'@index.css\');\nmodule.exports = Magix.View.extend({\n tmpl: \'@index.html\',\n render() {\n let me = this;\n me.updater.digest({\n viewId: me.id\n });\n },\n \'hide<click>\' () {\n $(\'#\' + this.id + \' button\').invokeView(\'hide\');\n }\n});</pre></div>',subs:[{keys:["viewId"],path:'button[mx-guid="g0 "]',attr:'mx-view="mx-popmenu/index?related=%23menu_<%!$eu($$.viewId)%>"',attrs:[{n:"mx-view",v:1}]},{keys:["viewId"],path:'ul[mx-guid="g1 "]',attr:'id="menu_<%=$$.viewId%>"',attrs:[{n:"id",p:1}]}]},render:function(){var e=this;e.updater.digest({viewId:e.id})},"hide<click>":function(){n("#"+this.id+" button").invokeView("__a")}})});