`

dojo 制做非模态窗口dialog

    博客分类:
  • Dojo
 
阅读更多

dojo的dialog效果基本上都是模态的,也就是说,在弹出窗口后不能对窗口下的元素进行操作。

现在想做出非模态窗口的效果,在查阅了官方文档后并没找出方法,唯一可以替代使用的是dojox.layout.floatpanel部件。

没有示例和文档的参考,只好再去看源码和调度,最后找出一个可以解决的处理方案。


对于dialog的实现,其实dojo并不是使用了window的modal,而是自己写了一个透明的遮罩层放在了子窗口和父窗口之间,使用深度进行排列,所有对非弹出框区域的操作都被这个遮罩层给拦截了。


解决的方案就是,在完成dialog部件的渲染后,把遮罩层给去除或是隐藏。

实际使用代码

dojo.style(dojo.query(".dijitDialogUnderlayWrapper")[0],"display","none");
//或者
dojo.query(".dijitDialogUnderlayWrapper").style({"display":"none"})

 

问题解决

分享到:
评论

相关推荐

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信等多个方面。Dojo的核心在于它的模块化系统,这使得开发者可以按需加载代码,提高应用的性能和可维护...

    dojo官方教程中文版 pdf 非扫描

    例如,Dojo的Grid组件可以轻松创建动态数据展示表格,而Dialog组件则用于创建弹出对话框。 数据绑定是Dojo中连接UI与数据模型的机制,允许开发者在视图和模型之间建立双向绑定。当模型数据改变时,视图会自动更新,...

    Dojo的高级运用:Widget的制作

    <<Dojo的高级运用:Widget的制作>> 和 使用Dojo和JSON构建Ajax应用>> 中涉及到的源代码 博文链接:https://tailsherry.iteye.com/blog/102907

    dojo文档 dojo文档 dojo文档

    dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档

    dojo自定义对话框

    Dialog允许我们以模态或非模态方式显示信息,用户可以与之交互,然后进行确认、取消或其他操作。创建一个基本的Dojo Dialog首先需要引入Dojo的模块,包括`dijit/Dialog`和`dojo/parser`。在HTML文件中,我们可以这样...

    dojo精品中文教程(包一)

    Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

    dojo精品中文教程(全)

    Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

    dojo精品中文教程(包二)

    Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习...

    DOJO 学习笔记 dojo

    Dojo 是一个功能丰富的 JavaScript 库,它提供了一系列模块化、面向对象的工具,用于构建高性能的 Web 应用程序。在 Dojo 中,模块和包的概念是核心组成部分,它们帮助开发者组织和管理代码,使其更易于维护和重用。...

    dojo中文文档-dojo手册

    《dojo中文文档-dojo手册》提供了全面而深入的Dojo框架知识,这是一份非常有价值的资源,对于想要理解和掌握Dojo JavaScript库的开发者来说至关重要。Dojo是一个强大的JavaScript工具包,它提供了丰富的功能,包括...

    dojo js dojo js

    dojo js dojo js dojo js dojo js dojo js dojo js dojo js

    Dojo教程

    常见的Dojo部件有dijit.form.Button(按钮)、dijit.layout.ContentPane(内容面板)和dijit.Dialog(对话框)等。 DojoInPractice_cn.pdf 可能是一本关于Dojo实战的中文教程,其中可能涵盖了如何在实际项目中运用...

    精通Dojo by Dojo之父

    Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax应用提供了一套完整的小部件和一些特效操作。曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的...

    DOJO中文手册【出自dojo中国】

    DOJO中文手册是针对JavaScript库Dojo的详细指南,源自中国的本地化版本,旨在帮助开发者理解和使用这个强大的工具包。Dojo是一个开源的DHTML工具集,由nWidgets、Burstlib和f(m)等多个项目的合并发展而来,因此被...

    dojo常用方法总结

    ### Dojo常用方法总结 Dojo是一个开源的JavaScript框架,用于构建高性能的富客户端Web应用程序。它提供了一系列功能强大的工具和API,可以帮助开发者更轻松地处理DOM操作、AJAX调用、用户界面组件构建等任务。本文...

    javascript dojo

    学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源...

    dojo快速入门文档

    在本例中,`dojo.connect` 的第三个参数被设置为对象 `obj`,这样在事件处理函数 `sayHello` 中,`this` 将指向 `obj` 对象,而非默认的全局对象。 #### 六、Ajax 请求:`dojo.xhrGet` Dojo 也提供了一个简洁的...

    dojo相关详细资料

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在深入理解Dojo之前,我们需要了解JavaScript在网页开发中的核心地位以及它...

    DOJO权威指南+DOJO1.1源码

    **DOJO权威指南+DOJO1.1源码** DOJO是一个开源的JavaScript库,它提供了丰富的工具和功能,用于构建交互式Web应用程序。这个资源集合包括了《DOJO权威指南》的中文版以及DOJO 1.1的源代码,为深入理解和应用DOJO...

    Dojo的Array处理

    Dojo 是一个强大的JavaScript工具库,它为开发者提供了丰富的功能,包括对Array对象的处理。在Dojo中,数组操作是一大亮点,因为它们提供了一系列高效且易用的方法,使得处理数组变得更加便捷。 首先,`dojo....

Global site tag (gtag.js) - Google Analytics