dijit 对话框中的 Select2 控件 - 无法聚焦

Question

从 Domino 9.01FP2 开始，您不能再专注于 xe:dialog 中的 Select2 控件。 它似乎是由于在 FP2 之前工作的 dojo 版本发生了变化。

我知道根本原因是 dijit 对话框的布局管理器（或底层）阻止了对模态之外的事物的关注，并且 select2 下拉菜单附加在页面末尾。

在将它与 jquery modal 一起使用时，有记录的修复方法，例如

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

但我找不到任何等效的 dojo 修复方法，即将 select2 下拉列表注册为允许获得焦点的内容。

注意：我认为 dojo 中的这个“修复”可能导致了这个问题 https://bugs.dojotoolkit.org/ticket/15370

我想到的一个潜在解决方案是使用 select2 的 open 事件将其移动到对话框中，但我没有运气。

是否有人将 select2 与 dojo 一起使用，或者这只是一个奇怪的用例，因为大多数人会使用 jquery？ （在 xpages 之外）

谢谢！

Answer 1

经过长时间调试 Dojo，我设法让它工作。
作为软糖，您可以将其放入您的 xe:dialog 代码中

<xe:this.onShow><![CDATA[//fudge to make select2 work
dijit.byId('#{id:myDialog}')._fadeOutDeferred = true; ]]></xe:this.onShow>

Dojo 允许节点在以下情况下获得焦点：

1. 它们是对话框的子对象
2. 他们有一个 digitPopup 类
3. _fadeOutDeferred 属性设置为 true

这具有使对话框无模式的副作用，因为您可以单击弹出窗口之外的任何内容，但至少 select2 控件可以再次工作:)

Answer 2

尝试将对话框的“自动对焦”属性设置为 false。