溫馨提示：Kendo UI AutoComplete必須使用input HTML元素。AutoComplete具有配置元素22個，字段元素4個，方法12個以及事件5個。

Configuration

animation Object

配置建議窗口的打開和關閉動畫。將animation設置為false時會禁用打開和關閉動畫，其結果就是建議窗口而直接打開和關閉，沒有動畫。

示例：如何禁用打開和關閉動畫

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
animation: false
});
</script>

示例：配置動畫

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
animation: {
close: {
effects: "fadeOut zoom:out",
duration: 300
},
open: {
effects: "fadeIn zoom:in",
duration: 300
}
}
});
</script>

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
animation: {
close: {
effects: "fadeOut zoom:out",
duration: 300
},
open: {
effects: "fadeIn zoom:in",
duration: 300
}
}
});
</script>

animation.close Object

示例：配置關閉動畫

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
animation: {
close: {
effects: "zoom:out",
duration: 300
}
}
});
</script>

animation.close.duration Number(default: 100)

關閉動畫的持續時間是以毫秒計算的。

animation.close.effects String

關閉動畫的效果是以字符串的形式表示的，多個效果之間用空格隔開。有哪些可用的動畫效果？請猛戳

animation.open Object

示例：配置打開動畫

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
animation: {
open: {
effects: "zoom:in",
duration: 300
}
}
});
</script>

animation.open.duration Number(default: 200)

打開動畫的持續時間以毫秒計算，默認是200毫秒。

animation.open.effects String

打開動畫的效果是以字符串的形式表示的，多個效果之間用空格隔開。有哪些可用的動畫效果？請猛戳

慧都特邀Kendo UI原廠開發工程師舉行線上公開課，使用該控件的朋友千萬別錯過哦>>