javascript - 在knockout js中的kendo ui自动完成中选择时如何获取id

Question

我在我的应用程序中使用了 knock out kendo 自动完成功能。我想获取所选自动完成的值字段。下面是自动完成的 fiddle 。我想显示 ID 而不是文本。

Fiddle

Javascript 代码:

var ViewModel = function() {
    this.choices = ko.observableArray([
        { id: "1", name: "apple"},
        { id: "2", name: "orange"},
        { id: "3", name: "banana"}
    ]);
    this.selectedChoice = ko.observable();   
};
ko.applyBindings(new ViewModel());

HTML:

<input data-bind="kendoAutoComplete: { dataTextField: 'name', 
                                       dataValueField:'id', 
                                       data: choices,
                                       value: selectedChoice }" />
 Selected: <strong data-bind="text: selectedChoice"> </strong>

Answer 1

您可以使用select 函数(并删除值):

<input data-bind="kendoAutoComplete: { dataTextField: 'name', 
                                       dataValueField:'id', 
                                       data: choices,
                                       select: function(e) { 
    $data.selectedChoice(this.dataItem(e.item.index()).id);
}}" />

Demo