Dojo学习笔记--dijit.Menu

最新推荐文章于 2025-08-18 11:03:39 发布

liyong1115

最新推荐文章于 2025-08-18 11:03:39 发布

阅读量1.6k

点赞数

分类专栏： dojo 文章标签： dojo div import html 测试 class

dojo 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何利用Dojo工具包创建一个简单的右键菜单。核心类包括dijit.Menu用于创建菜单，dijit.MenuItem用于添加菜单项，dijit.PopupMenuItem用于创建二级菜单。示例代码展示了如何设置菜单项的动作以及如何嵌套二级菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍一下使用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>

若运行需要修改路径引用

src="../js/dojo/dojo.js"及 @import "../js/dojo/resources/dojo.css"; @import "../js/dijit/themes/tundra/tundra.css";

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。