在Incell编辑Kendo网格中使用Select2下拉列表作为编辑器时，它会导致单元格过早离开编辑模式

Question

我认为这与select2在其基于元素之外创建实际下拉列表有关。

是否有一种方法可以暂停"模糊"活性，直到用户进行选择，或者通常使Select2在Kendo Grid内更可用？

我匆忙做了这个Jsfiddle。我将Select2放在第一列中。

function testEditor(container, options) {
var customInput = $('<select name="' + options.field + '" data-text-field="text" data-value-field="id" />');
    var scheduleContactSelect =
        customInput
        .appendTo(container)
        .select2(
        {
            data: ["test1", "test2"]
        });
}

http://jsfiddle.net/zaq3a3o5/

您可以看到，当您开始与Select2交互的那一刻，单元格关闭了编辑模式，但会离开Select2悬挂。

Answer 1

，因此解决方案是三个部分。

1. 使用"下拉列表" select2配置选项确保其在同一元素中附加断开连接的下拉部分。
2. 确保您使用的是Select2 4.03或更高版本。（我必须升级到4.03）
3. 在Select2搜索框的" select2：open"事件中定义" focus"事件，以便我们可以防止deffault（）和stoppropagation（），以防止" focus"起泡。