使用dropdown按钮Dojo多个非模态对话框

Question

我正在尝试使用dijit/Dialog在我的页面上有多个对话框。 我希望对话框是非模态的，所以我用这个问题作为指导来摆脱背景底层。

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

这是JSFiddle 。 要重现......

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

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

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

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

Answer 1

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

这里的问题是Dojo Dialogs尽最大努力使自己保持专注，当他们失去焦点时，他们再次调用.focus() （ 参见dijit / Dialog.js ）。

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

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