Javascript 为什么'；这个剑道网格编辑器模板不能与自动完成小部件一起工作吗？

我有以下剑道格网：

$("#teachers").kendoGrid({
    dataSource: dataSource,
    toolbar: ["create"],
    columns: [
        { field: "employeeId", title: "Employee Id" },
        { field: "firstName", title: "First Name", editor: categoryDropDownEditor },
        { field: "lastName", title: "Last Name" },
        { field: "isHeadmaster", title: "Is a Headmaster?" },
        { command: ["edit", "destroy"], title: " ", width: "153px" }],
    editable: 'popup'
});

我遇到的问题不是网格，而是编辑器模板——正如您所看到的，我使用的是弹出式编辑，我想给其中一个字段提供一个自动完成选择小部件

以下是如何定义

类别HydropDowneditor

：

function categoryDropDownEditor(container, options) {
    $('<input required data-text-field="CategoryName" data-value-field="CategoryID" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoAutoComplete({
            dataSource: [
                "Albania",
                "Andorra",
                "Armenia",
                /* ... */
                "Ukraine",
                "United Kingdom",
                "Vatican City"
            ],
            filter: "startswith"
        });
}

function categorhydropdowneditor（容器、选项）{
$('')
.appendTo（容器）
kendoAutoComplete先生({
数据源：[
“阿尔巴尼亚”，
“安道尔”，
“亚美尼亚”，
/* ... */
“乌克兰”，
“联合王国”，
“梵蒂冈城”
],
过滤器：“startswith”
});
}

（我从示例和中分解了此函数。）

---

无论我键入什么，autocomplete小部件都无法工作。根本没有任何建议。知道发生了什么吗？

这是因为您正在设置数据文本字段和数据值字段，但绑定到字符串列表。只需删除数据文本字段和数据值字段。或者您可以保留它们，但数据源需要是一个对象列表，其中包含您在数据文本字段和数据值字段中指定的属性

见工作样本