dojo dijit。对话框取消调光

Question

我仍然在“取消限制” dojo dijit对话框时遇到问题。 我正在匹配呼叫，但是很多时候我的页面的某些部分仍然变暗。 我可以滚动窗口，可以访问未变暗的区域。 如何强制取消对齐或DOM等效整个页面？ 其次，有没有一种方法可以调用digit.Dialog来“模糊”整个页面，而不仅仅是当前视口中的部分？

Answer 1

它应该可以解决大多数布局的问题。 <div class="dijitDialogUnderlay _underlay" ...是覆盖在其中放置对话框的容器的'dim'。

尝试做dijit.byId('##YOURID##').placeAt('body'); “盖住”最外面的容器。

我在下面的小提琴中进行了一个简单的测试，使用最新的dojo 1.1x，底层在resize上甚至包含一个eventlistener，然后将strestr拉伸以覆盖更少/更多。

如果放在body不能解决问题，请确保包含小部件的DOM在呈现对话框之前已设置position 。 这将触发位置/尺寸更准确

http://jsfiddle.net/mzh2su2c/

Answer 2

您可以改用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*/
}