`

使用Dojo 开发菜单应用

 
阅读更多

    菜单应用是 Web 页面的点睛之笔。当用户在浏览器端右键单击的时候,浏览器会弹出自带的菜单,显示如“查看源代码”、“复制”、“粘贴”等可用菜单栏。通过使用浏览器自带的菜单,用户可以方便的进行复制、粘贴等操作。然而很多时候,网站开发人员会考虑禁止用户通过浏览器自带的菜单进行以上操作,或者是希望用户使用开发人员自定义菜单。一个简单的自定义菜单如下图所示:

图 1. 自定义菜单

    自定义菜单的使用,可以方便用户快速定位到某个操作,增强了用户界面的交互性,提高用户体验。

    Dojo 提供的菜单库,除实现了菜单的基本功能外,还加入对弹出式菜单、图标效果、键盘响应等功能的支持,方便了开发人员的菜单开发过程。本文将首先介绍 Dojo 菜单实现原理,并从创建最简单右键菜单入手,介绍右键菜单的静态和动态两种菜单创建方式,最后举例说明如何开发 Dojo 提供的上下文菜单、下拉式菜单、静态菜单三种菜单。

 

    详情见:http://www.ibm.com/developerworks/cn/web/1010_haoxg_rightmenu/

 

分享到:
评论

相关推荐

    dojo的二级下拉菜单demo

    在这个“dojo的二级下拉菜单demo”中,我们将探讨Dojo如何实现多级下拉菜单,这是一种常见的交互元素,广泛应用于导航菜单和选项选择。 首先,我们要了解Dojo的模块系统。Dojo使用AMD(Asynchronous Module ...

    Dojo构建Ajax应用程序

    5. **Dojo组件**:书中可能还涵盖了Dojo的UI组件(dijits),如按钮、下拉菜单、日历等,以及如何使用`dijit.layout`模块创建复杂的布局结构。此外,可能还会讨论如何自定义dijits以满足特定项目需求。 6. **源码...

    Dojo框架使用教程

    Dojo框架是一个强大的JavaScript库,它为Web开发提供了丰富的功能,包括UI组件、数据管理、AJAX通信以及模块化开发支持。本教程将深入探讨Dojo框架的使用,帮助开发者更好地理解和应用这一工具。 首先,从`dojo-...

    dojo的ppt课件和开发手册

    本资料集合包含了一个`dojo`的PPT课件和开发手册,旨在帮助开发者深入理解和掌握`dojo`的使用。 1. **模块化设计** `dojo`的核心特性之一是其模块系统,基于AMD(Asynchronous Module Definition)规范,允许...

    DOJO-DEMO官网提取版

    DOJO 提供了 `dojo/i18n` 和 `dojo/nls` 模块,支持多语言应用的开发,方便进行国际化和本地化设置。 8. **DOJO 框架扩展** DOJO 允许开发者通过 `dojo/has` 功能检测和 `dojo/extend` 扩展对象来适应不同浏览器...

    dojo相关详细资料

    `dojo_widget.doc` 可能详细介绍了这些组件,如按钮、表单、菜单、日历等。Widgets使得开发者可以快速构建复杂的用户界面,它们封装了HTML结构、样式和行为,提供了高度可定制性和主题化能力。 3. Dojo 动画: 在 ...

    dojo 在 web 中的应用

    首先,Dojo 提供了丰富的UI组件,如按钮、表单、菜单、日历等,这些组件可以方便地通过HTML模板或JavaScript代码添加到页面中,极大地提高了开发效率。例如,Dojo的dijit模块包含了大量可定制的用户界面元素,使得...

    dojo例子 各方法的用法

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、数据处理到AJAX通信等多个方面。在这个"dojo例子 各方法的用法"的压缩包中,我们很可能会找到关于如何使用Dojo库的各种...

    dojo 离线API

    Dojo还提供了一个强大的UI组件库,如`dijit`模块,涵盖了按钮、表单、布局、菜单等常见Web界面元素。`dijit/form`包含了各种表单控件,如`TextBox`、`Select`和`CheckBox`,这些组件具有良好的可定制性和可访问性。`...

    dojo-release-1.10.4

    10. **移动开发**:虽然Dojo 1.10.4主要是为桌面环境设计的,但`dojox/mobile`提供了一些适用于移动设备的功能,如滚动列表、下拉菜单等,以适应移动Web开发的需求。 总的来说,"dojo-release-1.10.4"是一个全面的...

    Dojo框架英文使用指南

    这份“Dojo框架英文使用指南”涵盖了Dojo的核心概念、组件以及最佳实践,旨在帮助开发者深入理解和有效地使用这一工具集。 Dojo框架的主要特点包括模块化、高性能、丰富的UI组件、数据绑定以及对异步操作的支持。...

    DOJO 学习文档+Demo

    DOJO 是一个开源的 JavaScript 库,它为 Web 开发者提供了丰富的工具和功能,旨在简化前端开发过程,提高应用性能和可访问性。DOJO 框架包括模块化 JavaScript、UI 组件、数据管理、动画效果以及对 AJAX、DOM 操作和...

    the book of dojo

    通过这些实例,读者不仅可以了解到如何使用Dojo和Dijit来构建应用程序,还可以学习到一些最佳实践和技巧。 #### 七、Dijit - Dojo Widget Library 第八十六页开始详细介绍Dijit,即Dojo的小部件库。这部分内容覆盖...

    Dojo.GUI_v6.zip for pencil

    这种模板特别适合那些熟悉或计划使用Dojo Toolkit开发Web应用的团队,因为它可以帮助他们在设计阶段就预览最终产品的界面效果,从而在早期发现并解决潜在问题。 在实际应用中,Pencil的用户可以通过导入这个压缩包...

    Dojo guide

    为了使用Dojo开发Web应用,开发者需要经历以下几个基本步骤: 1. **下载和配置Dojo**:首先需要从官方站点下载Dojo库。Dojo提供了多个版本,如Ajax版和Widget版等,每个版本的`dojo.js`文件会包含不同的模块组合。...

Global site tag (gtag.js) - Google Analytics