jQuery UI 模态对话框上锁定的 Kendo UI DropDownTree 过滤器

Question

在我的 Web 应用程序中，我有一个使用 Kendo UI DropDownTree 控件的 jQuery UI 对话框窗口。

我希望能够过滤 DropDownTree 控件中的信息。问题是，只有当 jQuery UI 对话框的 modal 选项设置为 false 时，此功能才能正常工作。一旦我打开它，DropDownTree 控件上的过滤器就变得不可点击。也不可能把注意力放在它上面。

我做了一个简单的demo，请看这里：https://dojo.telerik.com/UwUvuDel。

有趣的是，简单的输入控件可以正常工作，而 DropDownTree 过滤在 modal=false 时可以正常工作。可悲的是，我需要弹出窗口是模态的，并且我需要过滤正常工作。我想继续使用 jQuery UI 对话框，因为将应用程序从一种实现切换到另一种实现可能很复杂。

有没有人知道如何解决这个问题。有什么解决方法吗？

Answer 1

似乎没有简单的解决方法（剑道支持也证实了这一点）。

正如Kendo documentation 所说，这是一个已知问题：

一些第三方模式弹出窗口阻止访问可聚焦元素， 它们在模式弹出窗口之外呈现。此类小部件包括 Bootstrap 模态对话框，jQuery UI 模态对话框，可能还有 其他。受此行为影响的 Kendo UI 小部件是 所有小部件，它们呈现自己的分离弹出窗口，例如 自动完成、颜色选择器、组合框、下拉列表、日期时间选择器、 编辑器、网格和多选。这些 Kendo UI 小部件的弹出窗口 被呈现为的子级，因此， 第三方模式弹出窗口将阻止对它们的访问。

可能的解决方案：

1)。禁用模态弹出窗口的模态，以便可以聚焦它之外的元素。

2)。使用模态 Kendo UI 窗口而不是第三方弹出窗口。

遗憾的是，我必须将应用程序从 jQuery UI 对话框切换到 Kendo Window 控件 - 正如您在 demo 中看到的那样，它确实有效...