jquery - Kendo UI 自动完成数据源问题

Question

我有几个自动完成所有设置并使用定义为变量的相同数据源进行工作。但是我不确定如何让我的组自动完成工作，因为这可能有多个值。

这是我的数据源:

UsersDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "/_layouts/handlers/Users.ashx",
            dataType: "json",
            type: "get",
            cache: false
        }
    }
});

下面显示了此 json 的示例(注意组):

[{"Id":"USERNAME","Type":"External","Name":"Jim Jones","Email":"jjones@email.com","Address":"1600 Penn Ave","Organization":"Company ABC","Notes":"User Notes","Groups":["Group A","Group B","Group C","Group D"]}]

我设置的所有其他自动完成功能都可以使用此代码正常工作:

$("#SearchAddress").kendoAutoComplete({
    placeholder: "Address",
    dataTextField: "Address",
    dataValueField: "Address",
    dataSource: UsersDataSource
});

我不太确定如何让这项工作为团体工作......任何建议将不胜感激。

编辑:我创建了一个 jsfiddle来说明这个问题

编辑:Fiddle 再次更新

Answer 1

您应该指定第二个自动完成绑定(bind)到 peoples 数组的 Groups 字段:

$("#SearchGroup").kendoAutoComplete({
    placeholder: "Group",
    dataSource: {
        data: peoples[0].Groups,
    }
});

http://jsfiddle.net/pSMtt/4/ ​

以下是获取所有组的方法:

var groups = [];

for (var i = 0; i < peoples.length; i++) {
    for (var j = 0; j < peoples[i].Groups.length; j++) {
       groups.push(peoples[i].Groups[j]);
    }
}

$("#SearchGroup").kendoAutoComplete({
    placeholder: "Group",
    dataSource: {
        data: groups,
    }
});