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