温馨提示：Kendo UI AutoComplete必须使用input HTML元素。AutoComplete具有配置元素22个，字段元素4个，方法12个以及事件5个。 Configuration
温馨提示：Kendo UI AutoComplete必须使用input HTML元素。AutoComplete具有配置元素22个，字段元素4个，方法12个以及事件5个。
Configuration
animation Object
配置建议窗口的打开和关闭动画。将animation设置为false时会禁用打开和关闭动画，其结果就是建议窗口而直接打开和关闭，没有动画。
示例：如何禁用打开和关闭动画
| 1 2 3 4 5 6 | <input id="autocomplete" /> <script> $("#autocomplete").kendoAutoComplete({ animation: false }); </script> |
示例：配置动画
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <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
示例：配置关闭动画
| 1 2 3 4 5 6 7 8 9 10 11 | <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
示例：配置打开动画
| 1 2 3 4 5 6 7 8 9 10 11 | <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
