kendo-ui - 如何在不使用 id、$(element) 且仅使用自定义绑定的情况下检索 kendoAutocomplete 文本框的值

Question

我有以下代码：

// KendoAutocomplete textbox
<input id="search" data-bind="kendo: 'kendoAutoComplete', source:searchSource" />  

// For now 
var autoComplete = $("#search").kendoAutoComplete();
var x= autoComplete.data("kendoAutoComplete").value();

如何在x不使用的情况下检索使用自定义绑定的值id？

Answer 1

你的问题有点令人困惑。让我们看看我是否猜到您所说的“使用自定义绑定检索 x 的值”是什么意思。

问题陈述：定义一个KendoUI AutoComplete，当输入一个值时会自动更新一个ObservableObject，这样我就可以得到这个值而不必使用autoComplete.data("kendoAutoComplete").value();

开始将输入定义为：

<input id="search" data-role="autocomplete" data-bind="source: searchSource, value: x"/>

我在哪里定义什么是datasourceforautocomplete元素 ( searchSource) plus，在哪里存储引入的值 ( x)。

然后，在 JavaScript 中我这样做：

var ds = new kendo.data.DataSource({
    data: [ "option1", "option2", "option3" ]
});
var obj = kendo.observable({ searchSource: ds, x: "option2" });
kendo.bind("body",obj);

包含 的值在哪里ds，它绑定到HTML 元素（或文档的任何部分）的 。DataSourceautocompletebody

每当我想获得autocomplete我简单使用中介绍的值时obj.x。

您甚至可以通过以下方式div 神奇地更新 HTML：

<div data-bind="html: x"></div>

在此处查看运行示例：http: //jsfiddle.net/OnaBai/twznn/