Angular下拉列表组件的Kendo UI是一个表单组件,它允许用户从弹出的选项列表中选择单个项。作为HTML
Angular DropDownList的Kendo UI允许你将它绑定到各种形式的数据,包括复杂项(对象)的数据集或基本项的数组。作为该绑定的一部分,可以定义字段来表示显示给用户的文本以及供开发人员使用的单独的底层值。
将相似的数据项按自然类别分组,以帮助用户快速轻松地浏览和理解下拉列表。当你将数据集绑定到Angular DropDownList的Kendo UI时,定义负责每个类别的字段。
虽然用户不能直接在Kendo UI中输入Angular DropDownList的主元素,但你可以让他们通过Angular的DropDownList过滤机制搜索数据项。这个过滤器并没有显示在Angular组件的输入中,而是在下拉列表的顶部以搜索框的形式出现。您可以以各种方式配置“过滤”,包括使用“开始于”或“包含”条件,以确保直观的体验和准确的结果。
使用Angular DropDownList的Kendo UI,你可以指定一个默认值,该值将在组件初始渲染时出现。它提供了一个占位符,您可以使用已经选择的默认值填充它,也可以将其保留为空。您还可以将其用作标签,以指示用户从下拉列表中做什么或选择什么。通过设置默认项属性,如果用户还没有做出选择,下拉列表将显示预定义的自定义值。
Angular DropDownList的Kendo UI可以在不影响性能的情况下处理大型数据集。它带有内置的虚拟化,可以以用户滚动可用选项的速度轻松处理数十万个数据项。
你可以连接几个Angular下拉列表来充当数据过滤机制——选择一个中的值会影响另一个中的可用选项。这通常被称为级联下拉列表。Angular DropDownList的Kendo UI让你可以毫不费力地在一个页面上添加多个Angular DropDownList,以利用数据集中的数据依赖关系。
Angular DropDownList的Kendo UI支持模板驱动和响应式表单,确保你可以在任何Angular表单中合并Angular DropDownList。
开箱即用,Angular DropDownList的Kendo UI将项目呈现为纯文本。你可以利用Angular模板为每个元素创建自定义布局,包括列表项、列表值、页眉和页脚区域,以及当没有数据连接到Angular下拉列表时显示的消息。
对于需要支持多种文化的应用程序,Angular DropDownList的Kendo UI内置了将内部消息更新为不同语言的支持。此外,Angular的DropDownList可以被渲染为RTL(从右到左)。
Angular DropDownList的Kendo UI支持开箱即用的键盘导航,帮助用户仅使用键盘导航和选择数据项。
用于Angular DropDownList的Kendo UI不符合Section 508标准,被WCAG 2.0评为AA级,并遵循WAI-ARIA标准。