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下载

你可能感兴趣的:(Web,UI,html5,APP,Kendo)