Kendo UI for Angular ComboBox是一个表单组件,设计用来让你从项目列表中选择一个预定义值。它的操作类似于Select HTML元素,并支持过滤、自定义渲染和虚拟化,为用户提供更全面的体验。
在使用Angular ComboBox内置过滤机制的Kendo UI过滤数据项时,确保用户有直观的体验。它可以帮助你减少Angular ComboBox中的可用数据项,你可以通过包含条件规则来配置过滤设置,比如“以”或“包含”。
按类别组织数据,以便轻松遍历数据集。使用Angular ComboBox的Kendo UI的分组功能,你可以定义数据中的哪个字段负责分组,Angular ComboBox会自动相应地对底层数据进行分组。
允许用户通过虚拟化滚动大型数据集。当你的Angular ComboBox需要容纳成千上万的数据项时,虚拟化就成为高性能呈现大量数据的关键。
在用户打字时自动提供建议。启用了建议功能后,Angular ComboBox的Kendo UI就会从输入元素中获取可用的文本,并从可用的数据项中为用户提供建议。用户输入越多,建议就越准确。
开箱即用,Angular ComboBox的Kendo UI会以纯文本的形式呈现任何项目。当仅仅使用文本还不够时,Angular ComboBox的模板功能就是解决之道,因为它允许在呈现任何日期项时使用Angular模板。这允许在文本旁边添加图像或图标,为某些项目自定义样式等等。除了数据项,还提供了页眉和页脚模板,以帮助确保Angular ComboBox的任何方面都可以定制以适合你的应用。
为了支持智能的高级表单构建,Angular ComboBox的Kendo UI具有内置样式来显示无效输入和验证消息。你可以在模板驱动和响应式表单中使用Angular组合框。
连接两个或多个Angular combobox来建立不同表单字段值之间的关系。使用一个页面上的多个级联Angular ComboBox,你可以设置一个ComboBox的输入来更新另一个ComboBox的内容。例如,在一个组合框中选择一个国家将在下一个组合框中过滤可用的城市。
由于材料设计的普及,浮动标签在许多现代设计语言中很常见。使用Angular ComboBox的Kendo UI,获取浮动标签就像为Angular FloatingLabel组件添加独立的Kendo UI并将其与Angular ComboBox关联一样简单。
通过纯键盘导航提高可访问性和生产力。这个组件支持键盘导航来帮助你在Angular的组合框中导航,并帮助你单独使用键盘来选择一个值。
Angular ComboBox符合Section 508标准,被WCAG 2.0评为AA级,并遵循WAI-ARIA标准。