道场迪吉特.对话框取消显示

dojo dijit.Dialog undimming

本文关键字:对话框 取消 显示      更新时间:2023-09-26

我仍然在"取消"道场 dijit 对话框时遇到问题。 我正在匹配呼叫,但很多时候我仍然使页面的某些部分变暗。 我可以滚动窗口,并且可以访问未受影响的区域。 我怎样才能强制取消或 DOM 等效整个页面? 其次是有没有办法调用数字。对话框使整个页面"变暗",而不仅仅是当前视口中的部分?

它应该适用于大多数布局的框。<div class="dijitDialogUnderlay _underlay" ...是覆盖容器的"dim",对话框位于其中。

尝试执行dijit.byId('##YOURID##').placeAt('body');以"覆盖"最外层的容器。

我在下面的小提琴中做了一个简单的测试,使用最新的 dojo 1.1x,底层甚至在 resize 上有一个事件侦听器,然后划线div 以覆盖更少/更多。

如果放入body不起作用,请确保在渲染对话框之前设置了包含小部件的 DOM position。这将触发位置/尺寸更准确

http://jsfiddle.net/mzh2su2c/

你可以改用dojox.layout.FloatingPane,它的设计不会变暗。

除此之外,如果您真的想使用dijit/Dialog可以使用此CSS解决方案对其进行破解。

http://jsfiddle.net/mzh2su2c/6/

.dijitDialogUnderlay {
  pointer-events: none; /* avoid dimmer to become the target of mouse events*/
  display: none; /* hide the dimmer*/
}