Angular的Kendo UI

角组合框

  • 允许用户从预定义选项列表中选择项目,并支持过滤、自定义呈现和虚拟化。
  • 面向Angular库的部分Kendo UI,以及开发人员信任的100多个专业设计的组件,可以满足他们所有的Angular UI需求。
  • 在屡获殊荣的支持、详细的文档、演示、虚拟教室和300万强大的开发人员社区的支持下,快速启动和运行。manbets登录
Angular UI组件库
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    Kendo UI for Angular ComboBox是一个表单组件,设计用来让你从项目列表中选择一个预定义值。它的操作类似于Select HTML元素,并支持过滤、自定义渲染和虚拟化,为用户提供更全面的体验。

    参见Angular组合框概述演示

    Angular ComboBox的Kendo UI -概述
  • 过滤

    在使用Angular ComboBox内置过滤机制的Kendo UI过滤数据项时,确保用户有直观的体验。它可以帮助你减少Angular ComboBox中的可用数据项,你可以通过包含条件规则来配置过滤设置,比如“以”或“包含”。

    参见Angular组合框过滤演示

    用于Angular组合框的Kendo UI -过滤
  • 分组

    按类别组织数据,以便轻松遍历数据集。使用Angular ComboBox的Kendo UI的分组功能,你可以定义数据中的哪个字段负责分组,Angular ComboBox会自动相应地对底层数据进行分组。

    参见Angular ComboBox分组演示

    用于Angular组合框的Kendo UI -分组
  • 虚拟化

    允许用户通过虚拟化滚动大型数据集。当你的Angular ComboBox需要容纳成千上万的数据项时,虚拟化就成为高性能呈现大量数据的关键。

    参见Angular组合框虚拟化演示

    用于Angular ComboBox的Kendo UI -虚拟化
  • 建议

    在用户打字时自动提供建议。启用了建议功能后,Angular ComboBox的Kendo UI就会从输入元素中获取可用的文本,并从可用的数据项中为用户提供建议。用户输入越多,建议就越准确。

    参见Angular组合框建议演示

    Angular ComboBox的Kendo UI -建议
  • 模板

    开箱即用,Angular ComboBox的Kendo UI会以纯文本的形式呈现任何项目。当仅仅使用文本还不够时,Angular ComboBox的模板功能就是解决之道,因为它允许在呈现任何日期项时使用Angular模板。这允许在文本旁边添加图像或图标,为某些项目自定义样式等等。除了数据项,还提供了页眉和页脚模板,以帮助确保Angular ComboBox的任何方面都可以定制以适合你的应用。

    参见Angular组合框模板演示

    用于Angular组合框的Kendo UI -模板
  • 形式支持

    为了支持智能的高级表单构建,Angular ComboBox的Kendo UI具有内置样式来显示无效输入和验证消息。你可以在模板驱动和响应式表单中使用Angular组合框。

    参见Angular组合框表单支持演示

    用于Angular组合框的Kendo UI -表单支持
  • 级联组合框

    连接两个或多个Angular combobox来建立不同表单字段值之间的关系。使用一个页面上的多个级联Angular ComboBox,你可以设置一个ComboBox的输入来更新另一个ComboBox的内容。例如,在一个组合框中选择一个国家将在下一个组合框中过滤可用的城市。

    请参见Angular ComboBoxes层叠式ComboBoxes演示

    用于Angular组合框的Kendo UI -级联组合框
  • 浮动标签

    由于材料设计的普及,浮动标签在许多现代设计语言中很常见。使用Angular ComboBox的Kendo UI,获取浮动标签就像为Angular FloatingLabel组件添加独立的Kendo UI并将其与Angular ComboBox关联一样简单。

    参见Angular组合框浮动标签演示

    用于Angular组合框的Kendo UI -浮动标签
  • 键盘导航

    通过纯键盘导航提高可访问性和生产力。这个组件支持键盘导航来帮助你在Angular的组合框中导航,并帮助你单独使用键盘来选择一个值。

    参见Angular组合框键盘导航演示

  • 可访问性

    Angular ComboBox符合Section 508标准,被WCAG 2.0评为AA级,并遵循WAI-ARIA标准。

    参见Angular ComboBox易用性演示

    用于Angular的Kendo UI - Calendar Accessibility
Kendo Angular UI入门背景

开始使用Angular的Kendo UI

剑道UI
Baidu
map