KendoReact

反应,它

  • 在Select HTML元素的基础上,这个React DropDownList组件添加了过滤和虚拟化等特性。
  • KendoReact库的一部分,以及100多个用React为React构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和讲师指导的培训。
  • 概述

    KendoReactDropDownList组件是一个表单组件,它使最终用户能够从列表中选择一个预定义的值,而不支持键入值,它是select元素的更丰富的形式。与其他类似的下拉组件不同,React DropDownList不包含可用于键入值的输入元素,而是只能通过从可用的数据列表中选择一个选项来更新。

    参见React下拉列表概述演示

    React下拉列表-概述,KendoReact UI库
  • 数据绑定

    KendoReact DropDownList可以绑定到各种形式的数据,包括对象的数据集、原始值的数组或直接绑定到单个值属性。此外,React DropDownList可以将单独的字段绑定到显示的文本和底层值。

    参见React下拉列表数据绑定演示

  • 默认项

    默认情况下,如果没有显示任何值,KendoReact下拉列表将呈现一个空区域。有些需求可能需要某种占位符字符串来指示DropDownList组件的用途,这就是默认项特性的来源。通过设置此属性,当没有选择任何项时,React下拉列表中将显示一个自定义字符串。

    参见React下拉列表默认项演示

    React下拉列表-默认项,KendoReact UI库
  • 过滤

    KendoReact DropDownList的内置过滤机制会自动减少DropDownList数据列表中可用选项的数量。过滤器不是显示在React组件的输入中,而是在下拉列表的顶部作为搜索框显示。过滤可以通过多种方式配置,包括“以…开始”或“包含”,以确保在任何场景下都有最直观的过滤行为。

    参见React下拉列表过滤演示

    React下拉列表-过滤,KendoReact UI库
  • 自定义渲染

    开箱即用,KendoReact ComboBox将项目呈现为纯文本。对于需要更复杂项目的需求,React DropDownList可以利用自定义渲染器来自定义DropDownList的各个方面。列表项、列表值、页眉和页脚区域以及无数据消息区域等区域可以完全自定义。

    参见React下拉列表自定义渲染演示

    React下拉列表-自定义渲染,KendoReact UI库
  • 虚拟化

    一个下拉列表有时可以绑定到成千上万的数据项,即使是最快的浏览器也会影响性能。使用KendoReact DropDownList的虚拟化特性,可以在不影响页面性能的情况下滚动大量数据。

    参见React下拉列表虚拟化演示

    React下拉列表-虚拟化,KendoReact UI库
  • 形式支持

    KendoReact下拉列表通常用作表单的一部分,以帮助从一长串可用选项中选择数据。考虑到这一点,React下拉列表支持添加到任何普通表单元素或集成到现有的React表单库中,包括KendoReact表单组件。

    参见React下拉列表表单支持演示

    React下拉列表-表单支持,KendoReact UI库
  • 全球化

    对于需要支持多种文化的应用程序,DropDownList内置支持将内部消息更新为不同的语言,还可以通过设置单个属性以从右向左的方式使用。

    参见React下拉列表全球化演示

    React下拉列表-全球化,KendoReact UI库
  • 键盘导航

    键盘导航已经成为网站导航的一个重要组成部分,原因有很多,从数据输入的速度到可访问性。理解了这一点,KendoReact DropDownList自带键盘导航支持,以帮助您仅使用键盘导航和选择项目。

    参见React下拉列表键盘导航演示

  • 可访问性

    创建可访问的React UI组件是KendoReact的核心概念,下拉列表也不例外!KendoReact下拉列表是对Section 508标准的投诉,是WCAG 2.0的AA级,并遵循WAI-ARIA标准。

    参见React下拉列表可访问性演示

    React可访问性- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看实际的KendoReact,看看它能做多少开箱即用的事情。

看到价格

为KendoReact购买单独的许可证,或者使用Kendo UI,这是我们完整的JavaScript包。

开始免费试用

请在专门的技术支持下尝试KendoReact。

Baidu
map