Dojo學習10 dijit.Menu

時間 2019-11-06

標籤 dojo 學習 dijit.menu dijit menu 欄目 Dojo 简体版

原文原文鏈接

10. dijit.Menu介紹一下使用dojo建立右鍵菜單，有的時候頗有用的。右鍵菜單的核心類是dijit.Menu，菜單類是dijit.MenuItem;若是想要添加二級菜單，須要使用dijit.PopupMenuItem;若是隻是簡單的右鍵菜單，還須要設置一下dijit.Menu屬性，設置contextMenuForWindow="true"下面這個是最簡單的一個例子：<html><head><title>測試菜單</title><style type="text/css"> @import "../js/dojo/resources/dojo.css"; @import "../js/dijit/themes/tundra/tundra.css";</style> <script type="text/javascript" djConfig="parseOnLoad: true, isDebug: false" src="../js/dojo/dojo.js"></script><script type="text/javascript"> dojo.require("dijit.Menu");</script></head><body class="tundra"><div dojoType="dijit.Menu" id="submenu1" contextMenuForWindow="true" style="display: none;"> <div dojoType="dijit.MenuItem" onClick="alert('複製');">複製</div> <div dojoType="dijit.MenuItem" onClick="alert('粘貼');">粘貼</div> <div dojoType="dijit.MenuSeparator"></div> <div dojoType="dijit.MenuItem" onClick="alert('添加新用戶');">添加新用戶</div> <div dojoType="dijit.PopupMenuItem"> <span>搜索</span> <div dojoType="dijit.Menu" id="submenu2"> <div dojoType="dijit.MenuItem" onClick="alert('正常搜索')">正常搜索  </div> <div dojoType="dijit.MenuItem" onClick="alert('模糊搜索')">模糊搜索  </div> </div> </div></div>點右鍵測試菜單</body></html>若是想爲菜單添加圖標，使用iconClass="dijitEditorIconCut" 在MenuItem上面。demo: http://www.dojocn.cn/dojo/demo/15_menu.html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。