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

Question

在kendo 2013.2.716和jQueryUI1.10.3之间似乎存在冲突。如果jquery对话框中有一个kendo网格，则不能将光标放在筛选器编辑器内的文本框中。我创建了一个jsBin来演示这个问题。

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

回购步骤

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

Answer 1

设置模式：false for jQuery对话框。

Answer 2

试着跟随

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

Answer 3

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

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

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

我的原型的整个代码块如下：

<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>

希望上面的内容能为一些开发人员节省一些时间。谢谢。