如何在不使用id，$（元素）且仅使用自定义绑定的情况下检索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自动完成，当输入一个值时自动更新一个ObservableObject，这样我就可以获得该值，而不必使用autoComplete.data("kendoAutoComplete").value();

开始将输入定义为：

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

我在哪里定义datasource元素autocomplete的{​​{1}}加上什么，以及在哪里存储引入的值（searchSource）。

然后，在JavaScript中我做：

x

其中var ds = new kendo.data.DataSource({ data: [ "option1", "option2", "option3" ] }); var obj = kendo.observable({ searchSource: ds, x: "option2" }); kendo.bind("body",obj); 是ds，其中包含DataSource的值，并且绑定到HTML元素的autocomplete（或文档的任何部分）。

每当我想要获得body中引入的值时，我只需使用autocomplete。

您甚至可以更新HTML obj.x 进行更新：

div

请参阅此处运行示例：http://jsfiddle.net/OnaBai/twznn/