当前您所在的位置:首页>新闻中心>新品发布
新品发布
行业动态
营销活动

Kendo UI API中文介绍二:AutoComplete (2)

发布时间:2020/10/19 浏览量:2825

本文是Kendo UIAutoComplete的续篇,主要介绍数据源、搜索、占位符等API元素。

dataSourceObject|Array|kendo.data.DataSource

如果 dataSource选项设置为JavaScript对象或数组,组件会初始化一个新的kendo.data.DataSource。如果dataSource选项是当前存在的kendo.data.DataSource,组件会继续沿用这个数据源,而不会重新初始化。

 

 

示例:将数据源设置为JavaScript对象

示例:将数据源设置为JavaScript数组

示例:当前存在的数据源

dataTextField String(default: null)

这个字段会用在搜索建议时。

示例:设置dataTextField

 

delay Number(default: 200)

当发生键盘1敲击事件时组件会弹出建议窗口

示例:设置显示

 

enable Boolean(default: true)

如果设置为false,组件会被禁用,用户将无法输入。但默认情况下这个组件是true。
示例:禁用组件

 

filter String(default:"startswith")

这个筛选方法用于决定当前值的建议,默认值是"startswith",另外还有endswith 和 contains.

示例:设置过滤器

 

height Number(default: 200)

示例:设置高度

 

highlightFirst Boolean(default: true)

如果设置为true,第一个建议会自动设置为高亮。

示例:设置highlightFirst

 

ignoreCase Boolean(default: true)

默认情况下组件的搜索是区分大小写的。

示例:禁用不区分大小写的建议

 

minLength Number(default: 1)

用户在执行搜索之前就必须键入元素的最小值,如果搜索结果匹配值太多,可以将值设置高一点(大于1)。

示例:设置最小高度

 

placeholder String(default:"")

当提示为空时会显示占位符,默认情况下无设置。

示例:指定占位符

Kendo UI AutoComplete组件还可以使用HTML属性作为占位符提示。

示例:使用占位符HTML属性

 

separator String(default: "")

示例:设置多个值之间的分隔符

 

suggest Boolean(default: false)

如果设置为true,组件会自动使用第一个建议作为它的值。

示例:启用自动建议

北京哲想软件有限公司