1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | <html> <head> <title>Menu Learn</title> <style type="text/css"> @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/resources/dojo.css"; @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css" </style> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" djConfig="isDebug:true,parseOnLoad:true"> </script> </head> <body class="tundra"> <script language="JavaScript" type="text/javascript"> dojo.require("dijit.Menu"); dojo.require("dijit.MenuItem"); dojo.require("dojo.parser"); </script> <!-- 创建菜单 Widget --> <div dojoType="dijit.Menu" id="menu_context_1" contextMenuForWindow="false" style="display: none;" targetNodeIds="show_context"> <div dojoType="dijit.MenuItem" >Cut</div> <div dojoType="dijit.MenuItem" >Copy</div> <div dojoType="dijit.MenuItem" >Paste</div> </div> <!-- 菜单 Widget 显示的节点 --> <div id="show_context">Please Right-click On Me!</div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <html> <head> <title>Menu Learn</title> <style type="text/css"> @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/resources/dojo.css"; @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css" </style> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" djConfig="isDebug:true,parseOnLoad:true"> </script> </head> <body class="tundra"> <script language="JavaScript" type="text/javascript"> dojo.require("dijit.Menu"); dojo.require("dijit.MenuItem"); dojo.require("dojo.parser"); dojo.addOnLoad(function(){ <!-- 动态创建菜单 Widget,初始化时设置其属性 --> var menu = new dijit.Menu({targetNodeIds:["show_context"],id:"menu_context_2"}); <!-- 创建菜单项,并添加到菜单中 --> var item1 = new dijit.MenuItem({label:"Cut"}); var item2 = new dijit.MenuItem({label:"Copy"}); var item3 = new dijit.MenuItem({label:"Paste"}); menu.addChild(item1); menu.addChild(item2); menu.addChild(item3); <!-- 调用菜单 --> menu.startup(); } ) </script> <div id="show_context">Please Right-click On Me!</div> </body> </html> |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |