Dojo 多个带有下拉按钮的非模态对话框

Question

我正在尝试使用dijit/Dialog 在我的页面上显示多个对话框。我希望对话框是非模态的，所以我使用this question 作为指南来摆脱背景底图。

但是，当我使用 DropDownButton 切换窗口时，我的行为变得很奇怪。当一个对话框显示一切正常时。当两个对话框都显示时，下拉按钮会在单击时闪烁显示/隐藏，而不是仅仅隐藏

Here is the JSFiddle。重现...

1. 在“I”下显示两个对话框
2. 再次点击“我”

“我”现在会闪烁。有时，如果您在两个对话框都显示的情况下单击“B”，它将自行修复。如果两个对话框都关闭，问题将得到解决。

我认为它与对话框的 z-index 有关，但 DropDownButton 的 z-index 似乎总是高于底层和对话框本身。

另一种选择是制作我自己的FloatingPane，但我想看看这是否可行。

Answer 1

可能有点晚了，但可以帮助其他人。

这里的问题是，Dojo Dialogs 尽最大努力让自己保持专注，以至于当他们失去注意力时，他们会再次对自己调用 .focus() (See dijit/Dialog.js)。

据我所知，没有设置可以禁用此功能。但是，您始终可以覆盖 .focus() 函数以使非模态对话框不执行任何操作。例如，

var dialog = registry.byId("myDialog");
dialog.focus = function() { };
dialog.show();