温馨提示:Kendo UI AutoComplete必须使用input html元素。AutoComplete具有配置元素22个,字段元素4个,方法12个以及事件5个。
Configuration
animation Object
配置建议窗口的打开和关闭动画。将animation设置为false时会禁用打开和关闭动画,其结果就是建议窗口而直接打开和关闭,没有动画。
示例:如何禁用打开和关闭动画
- & lt;
- input id = "autocomplete" / ><
- script > $("#autocomplete").kendoAutoComplete({
- animation: false
- }); & lt;
- /script>/
示例:配置动画
- & lt;
- input id = "autocomplete" / ><
- script > $("#autocomplete").kendoAutoComplete({
- animation: {
- close: {
- effects: "fadeOut zoom:out",
- duration: 300
- },
- open: {
- effects: "fadeIn zoom:in",
- duration: 300
- }
- }
- }); & lt;
- /script>
- <input id="autocomplete" / > <
- script > $("#autocomplete").kendoAutoComplete({
- animation: {
- close: {
- effects: "fadeOut zoom:out",
- duration: 300
- },
- open: {
- effects: "fadeIn zoom:in",
- duration: 300
- }
- }
- }); & lt;
- /script>/
animation.close Object
示例:配置关闭动画
- & lt;
- input id = "autocomplete" / ><
- script > $("#autocomplete").kendoAutoComplete({
- animation: {
- close: {
- effects: "zoom:out",
- duration: 300
- }
- }
- }); & lt;
- /script>/
animation.close.duration Number(default: 100)
关闭动画的持续时间是以毫秒计算的。
animation.close.effects String
关闭动画的效果是以字符串的形式表示的,多个效果之间用空格隔开。有哪些可用的动画效果?请猛戳这里
animation.open Object
示例:配置打开动画
- & lt;
- input id = "autocomplete" / ><
- script > $("#autocomplete").kendoAutoComplete({
- animation: {
- open: {
- effects: "zoom:in",
- duration: 300
- }
- }
- }); & lt;
- /script>/
animation.open.duration Number(default: 200)
打开动画的持续时间以毫秒计算,默认是200毫秒。
animation.open.effects String
打开动画的效果是以字符串的形式表示的,多个效果之间用空格隔开。有哪些可用的动画效果?请猛戳这里
来源: http://www.evgetedu.com/post/460.html