<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Dojo Button Widget Test</title>
<link id="themeStyles" rel="stylesheet" href="../../scripts/dijit/themes/claro/claro.css">
<script type="text/javascript" src="../../scripts/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dijit.dijit"); // optimize: load dijit layer
dojo.require("dijit.Menu");
dojo.require("dijit.form.Button");
dojo.require("dojo.parser");
dojo.ready(function(){
var myMenu = new dijit.Menu();
var mItemA = new dijit.MenuItem({lable:"mItemA",iconClass:"",onClick:function(){ console.log("not actually saving anything, just a test!"); }});
myMenu.addChild(mItemA);
console.dir(mItemA);
var button1 = new dijit.form.ComboButton({label: "hello world",dropDown : myMenu,dropDownPosition:["above"], optionsTitle:"save options", onClick:function(){alert("clicked combo save"); },
iconClass:"plusBlockIcon"});
dojo.body().appendChild(button1.domNode);
var mItemB = new dijit.MenuItem({lable:"mItemA",iconClass:"",onClick:function(){ console.log("not actually saving anything, just a test!"); }});
myMenu.addChild(mItemB);
})
</script>
</head>
<body class="claro" style="padding-top:100px">
<button id="combo_above" data-dojo-type="dijit.form.ComboButton" data-dojo-props='dropDownPosition:["above"], optionsTitle:"save options", onClick:function(){ console.log("clicked combo save"); },
iconClass:"plusBlockIcon"'>
<span>Up</span>
<span data-dojo-type="dijit.Menu">
<span data-dojo-type="dijit.MenuItem" data-dojo-props='iconClass:"dijitEditorIcon dijitEditorIconSave",
onClick:function(){ console.log("not actually saving anything, just a test!"); }'>Save</span>
<span data-dojo-type="dijit.MenuItem"
data-dojo-props='onClick:function(){ console.log("not actually saving anything, just a test!"); }'>Save As</span>
</span>
</button>
</body>
</html>
分享到：
相关推荐
Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang ...
Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang ...
Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang ...
DOJO 提供了大量可复用的 UI 组件，如 `dijit/form/Button`（按钮）、`dijit/layout/BorderContainer`（布局容器）、`dijit/Menu`（菜单）等。这些组件封装了复杂的 CSS 和 JavaScript，使得开发者能快速构建界面。...
在创建二级下拉菜单时，我们可能需要引入`dijit/Menu`和`dijit/PopupMenu`等模块，这些是Dojo提供的UI组件，用于创建交互式菜单。 `dijit/Menu`是Dojo的基础菜单组件，它可以包含一系列的菜单项。而`dijit/...
文件`tree&menu.html`很可能是示例页面，它展示了如何在HTML页面中嵌入并使用Dojo Tree。页面中可能会包含Dojo的配置、模块加载、数据模型定义以及树的渲染代码。通过`require`函数，我们可以引入Dojo的`dijit/Tree`...
这通常涉及到`dojo/on`模块用于事件监听，`dijit/Menu`和`dijit/MenuItem`用于创建菜单。 ```javascript // 添加右键点击事件监听 dojo.connect(tree, "onRightClick", function(item, node, evt){ var menu = new...
Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang ...
Dojotoolkit是当前比较流行的JavaScript框架，dojo主要提供了以下功能：JavaScript Web组件（例如Tree，Grid，Button，Menu等），事件处理框架，Ajax异步调用等功能，非常好用。 Dojo现在主要有两个版本： 0.4.3 ...
"dtree"通常指的是DHTML Tree Menu，这是一个JavaScript库，用于创建动态的、可交互的树形菜单。而在这里，提到了Struts2实现的树形结构并不逊色于dtree，这可能是因为Struts2结合其dojo插件或其他类似插件，能够...
- "menu-for-applications.rar"和"Menu.rar"可能分别是不同实现方式的菜单系统，可能适用于Web应用或其他项目。 - "lightbox.zip"很可能是Lightbox框架的源码，包括实现弹出图片展示的JavaScript和CSS文件。 这些...
- **`dijit.byId()`方法**：这是一个来自Dojo Toolkit库的方法，用于获取一个dijit小部件。在这里用于获取菜单实例。 - **`destroy()`方法**：调用该方法销毁菜单。 - **`removeChild()`方法**：用于从DOM树中移除一...
### Dojo Widget 概览 Dojo 是一个用于构建高性能、富交互性的 Web 应用程序的开源 JavaScript 库。Dojo 提供了一系列强大的小工具（Widget），它们可以帮助开发者快速地构建用户界面，并且提供了丰富的功能和良好...
- **菜单(Menu)**：列举了菜单项的功能，便于用户执行特定任务。 - **地图控制器(Controllersonthemap)**：说明了如何控制地图的显示区域。 - **国际化(Internationalization in Geomajas)**：讨论了如何支持多...
可以使用`dojo/on`模块或`esri/Evented`接口来监听地图和图层的事件。例如，监听`layerview-update-end`事件，当图层渲染完成时执行某些操作，或者监听`click`事件来实现单击图层的交互功能。 4. **图层加载策略**...
3. **Menu Overview**：提供了一个全面的菜单系统概览，帮助用户熟悉设备的各种功能选项。 4. **Functional Description**：这是文档的核心部分之一，详细描述了FSMR设备的各项功能及其具体用途。 5. **Remote ...
WebSitetestdojo 使用dojo组件实现卷帘效果的div隐藏 第16章（/C16/） 留言板源代码 所有留言板实例的源代码 数据库备份 留言板数据所需要的数据库 第17章（/ch17） 程序描述：本章介绍开发AJAX...