HTML5 Web app开发工具Kendo UI Web中自动提示功能AutoComplete应用

   HTML5 Web app开发工具 Kendo UI Web中，AutoComplete提供了基于输入文本的提示功能，同时也容许多值条目。经过AutoComplete显示的提示能够来自本地的数组也能够是远程的数据服务。下面来看看如何应用这个Kendo UI Web中的AutoComplete功能。

建立一个HTML输入元素

<input id="autoComplete" />

使用jQuery选择器初始化AutoComplete

$(document).ready(function() { $("#autoComplete").kendoAutoComplete(["Item1", "Item2"]); });

    在这里，小部件能够复制任何的样式和来自输入元素的CSS类到wrapper元素上。

<input id="autoComplete" class="myClass" />
 
results to:
 
<span class="k-widget k-autocomplete k-header k-state-default myClass">
    <input id="autoComplete" class="myClass" />
</span>

AutoComplete 提示

    目前主要有两种方法能够提供自动完成提示。

• 从一个本地的数组        >>>示例详解
• 从一个远程的数组服务器>>>示例详解

本地定义的值对于小的、固定的提示比较适合。远程提示的话，就比较适用于大的数据集。当使用数据源组件的时候，过滤大型的远程数据服务将会被推送到服务器，并最大化客户端性能。

有兴趣的能够去下载试用一下，Kendo UI Web下载