magix-components
Version:
1 lines • 2.5 kB
JavaScript
define("mx-dialog/__test__/index",["magix","mx-dialog/index"],function(i,t,n){var e=i("magix"),l=i("mx-dialog/index");n.exports=e.View.extend({tmpl:{html:"1 ",subs:[{keys:["inDialog"],path:"# ",tmpl:'<%if($$.inDialog){%><div class="aC">加载view测试</div><div class="aD"><%}%><h2>mx-dialog</h2><h3>内置alert与confirm</h3><div class="B ag"><button type="button" class="al am j" mx-click=" alert()">alert</button><button type="button" class="al am j" mx-click=" confirm()">confirm</button></div><div class="B"><div>HTML Code:</div><pre><button type="button" class="btn btn-brand mr20" mx-click="alert()">alert</button>\n<button type="button" class="btn btn-brand mr20" mx-click="confirm()">confirm</button></pre><div class="z">Javascript Code:</div><pre>let Magix = require(\'magix\');\nlet Dialog = require(\'app/gallery/mx-dialog/index\');\nmodule.exports = Magix.View.extend({\n tmpl: \'@index.html\',\n mixins: [Dialog],\n render() {\n let me = this;\n me.updater.digest();\n },\n \'alert<click>\' () {\n this.alert(\'xxx\', () => {\n console.log(\'确定被点击\');\n });\n },\n \'confirm<click>\' () {\n this.confirm(\'xxx\', () => {\n console.log(\'确定被点击\');\n }, () => {\n console.log(\'取消被点击\');\n });\n }\n});</pre></div><h3 class="f">加载普通view</h3><div class="B ag"><button type="button" class="al am j" mx-click=" view()">view</button></div><div class="B"><div>HTML Code:</div><pre><button type="button" class="btn btn-brand mr20" mx-click="view()">view</button></pre><div class="z">Javascript Code:</div><pre>let Magix = require(\'magix\');\nlet Dialog = require(\'app/gallery/mx-dialog/index\');\nmodule.exports = Magix.View.extend({\n tmpl: \'@index.html\',\n mixins: [Dialog],\n render() {\n let me = this;\n me.updater.digest();\n },\n \'view<click>\' () {\n this.mxDialog(\'path/to/view\', {\n width: 900\n });\n }\n});</pre></div><%if($$.inDialog){%></div><div class="aE">dialog footer</div><%}%>',s:"1 "}]},mixins:[l],init:function(i){this.updater.set(i)},render:function(){this.updater.digest()},"alert<click>":function(){this.alert("xxx",function(){})},"confirm<click>":function(){this.confirm("xxx",function(){},function(){})},"view<click>":function(){this.mxDialog("mx-dialog/__test__/index",{inDialog:!0,width:900})}})});