kendo-ui - 如何使 kendo ui 网格过滤器编辑器在 jquery ui 对话框中工作

Question

kendo 2013.2.716 和 jquery ui 1.10.3 之间似乎存在冲突。如果我在 jquery ui 对话框中有剑道网格，我无法将光标放在过滤器编辑器内的文本框中。我创建了一个 jsBin 来演示这个问题。

http://jsbin.com/itehom/14/edit

回购步骤

1. 单击“将网格拉入对话框”
2. 单击任何列上的过滤器图标
3. 尝试将鼠标放在过滤器编辑器内的文本字段中。

Answer 1

设置模态：false用于 jQuery 对话框。

Answer 2

尝试关注

$('#myModal').on('shown', function() {
    $(document).off('focusin.modal');
});

Answer 3

如果您使用 jquery 对话框而不是 Bootstrap 模式，Varde 的脚本可能无法解决您的问题。我在这上面花了几个小时。然后我注意到打开 jquery 对话框后可以添加以下行，它解决了问题。

$(document).off('focusin');

您可能已经注意到，该事件不包含命名空间。请记住，这可能会关闭您希望关闭的更多“focusin”事件处理程序。我检查了 jquery UI 源代码，没有找到命名空间，也不确定他们是否使用了命名空间。

我的原型的整个代码块是这样的：

<button id="opener">Open Dialog</button>
<div class="row" id="viewSearchResults">
    blah, blah, ...
</div>

<script>
    $(function () {
        $("#viewSearchResults").dialog({
            autoOpen: false,
            modal: true,
            minWidth: 700
        });
        $("#opener").click(function () {
            $("#viewSearchResults").dialog("open");
            $(document).off('focusin');
        });
    });
</script>

希望以上内容可以为一些开发者节省一些时间。谢谢。