KendoReact

反应组合框

  • 这个可定制的React ComboBox提供内置过滤、建议和虚拟化,以及可访问性和表单支持。
  • KendoReact库的一部分,以及100多个用React for React从头开始构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和指导培训。
  • 概述

    React ComboBox组件的一部分KendoReact,是一个表单组件,旨在让最终用户从列表中选择预定义的值,通常用作select HTML元素的更丰富版本。该组件自然地突出显示文本输入旁边的下拉箭头中显示的值,并且该组件展示了一系列特性,以尽可能容易地选择适当的值。

    参见React ComboBox概述演示

    React ComboBox -概述,KendoReact UI库
  • 过滤

    KendoReact组合框的内置过滤机制自动减少组合框下拉菜单中的可用选项的数量。可以以各种方式配置过滤,包括“以开头”或“包含”,以确保对任何场景使用最直观的过滤行为。

    参见React组合框过滤演示

    React ComboBox -过滤,KendoReact UI库
  • 建议

    启用建议功能后,KendoReact ComboBox将尝试根据最接近的可用值自动填充输入元素。此建议将随着用户输入而继续更新。

    参见React ComboBox建议演示

    React ComboBox -建议,KendoReact UI库
  • 自定义渲染

    默认情况下,KendoReact ComboBox以纯文本呈现项目。某些场景需要更高级的渲染,这就是React ComboBox的自定义渲染功能的亮点!这允许为任何列表项、页眉或页脚元素注入自定义渲染器,以及在没有数据availableâ时的建议列表——使开发人员能够完全控制ComboBox组件的外观和感觉。

    参见React ComboBox自定义渲染演示

    React ComboBox -自定义渲染,KendoReact UI库
  • 虚拟化

    根据您的需求,React ComboBox可能绑定到数千或数十万个数据项,这对任何现代浏览器来说都是相当繁重的渲染。得益于KendoReact ComboBox的内置虚拟化功能,在大量数据中滚动以光滑的性能完成。

    参见React ComboBox虚拟化演示

    React ComboBox -虚拟化,KendoReact UI库
  • 浮动标签

    浮动标签由Material Design推广开来,它最初是输入元素中的占位符,后来才动画化,浮动在输入元素上方,充当标签。KendoReact自动完成组件内置支持浮动标签,无论您选择将其与何种设计语言结合。

    参见React自动完成浮动标签演示

    React自动完成浮动标签,KendoReact UI库
  • 形式支持

    KendoReact ComboBox通常用作表单的一部分,帮助用户从较长的数据列表中进行选择。在这种情况下,React ComboBox支持添加到任何普通表单元素或集成到现有的React表单库(包括KendoReact的form组件)。由于有关于验证的内置样式和行为,这个UI组件可以适应任何表单。

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

    表单支持,KendoReact UI库
  • 键盘导航

    键盘导航已经成为网站导航的关键部分,原因有很多,从数据输入的速度到可访问性的考虑。值得庆幸的是,这个React ComboBox带有内置的键盘导航,可以帮助浏览组件的每个部分,并帮助轻松地选择一个值。

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

  • 可访问性

    创建可访问的React UI组件是KendoReact的核心概念,组合框也不例外!KendoReact ComboBox符合Section 508标准,WCAG 2.0 AA级,并遵循WAI-ARIA标准。

    参见React ComboBox辅助演示

    React辅助- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它能开箱即用多少功能。

看到价格

购买KendoReact的个人许可证,或对待自己的Kendo UI,我们完整的JavaScript包。

开始免费试用

试试有专门技术支持的KendoReact吧。

Baidu
map