0

我有以下剑道网格：

$("#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'
});

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

这是如何categoryDropDownEditor定义的：

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"
        });
}

（我从这里和这里的样本中蚕食了这个功能。）

无论我输入什么，自动完成小部件都不起作用。根本没有出现任何建议。知道发生了什么吗？

4

1 回答 1

2

这是因为您正在设置数据文本字段和数据值字段，但绑定到字符串列表。只需删除数据文本字段和数据值字段。或者您可以保留它们，但 dataSource 需要是具有您在 data-text-field 和 data-value-field 中指定的属性的对象列表。

请参阅工作示例... http://jsbin.com/mawik/1/edit

于 2014-03-28T23:22:18.743 回答