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

Configuration

animation Object

配置建議窗口的打開和關(guān)閉動(dòng)畫。將animation設(shè)置為false時(shí)會(huì)禁用打開和關(guān)閉動(dòng)畫，其結(jié)果就是建議窗口而直接打開和關(guān)閉，沒有動(dòng)畫。

示例：如何禁用打開和關(guān)閉動(dòng)畫

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

示例：配置動(dòng)畫

<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

示例：配置關(guān)閉動(dòng)畫

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

animation.close.duration Number(default: 100)

關(guān)閉動(dòng)畫的持續(xù)時(shí)間是以毫秒計(jì)算的。

animation.close.effects String

關(guān)閉動(dòng)畫的效果是以字符串的形式表示的，多個(gè)效果之間用空格隔開。有哪些可用的動(dòng)畫效果？請(qǐng)猛戳

animation.open Object

示例：配置打開動(dòng)畫

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

animation.open.duration Number(default: 200)

打開動(dòng)畫的持續(xù)時(shí)間以毫秒計(jì)算，默認(rèn)是200毫秒。

animation.open.effects String

打開動(dòng)畫的效果是以字符串的形式表示的，多個(gè)效果之間用空格隔開。有哪些可用的動(dòng)畫效果？請(qǐng)猛戳

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