KendoReact

反应DropDownButton

这个UX主要内容提供了启用或禁用其内容、显示图标以及将其绑定到数据的选项。内置键盘导航支持。
KendoReact库的一部分，连同100+专业UI组件与React为React建立，从地面上。
快速开始与我们屡获殊荣的支持，详细的文档，交互式演示和教练领导的培训。

立即购买

开始免费试用

概述

React DropDownButton显示一个带有操作项的弹出式列表，并提供了启用或禁用其内容、显示图标以及将其绑定到数据的选项。

参见React DropDownButton概述演示
禁用DropDownButton

默认情况下，KendoReact启用DropDownButton。但是当需求要求在满足某些需求之前禁用组件时，可以通过单个配置选项禁用React DropDownButton。

参见React DropDownButton Disabled演示
图标DropDownButton

KendoReact下拉按钮可以显示为一个图标，或与文本和图标的混合作为其主要内容的一部分。这些图标可以从第三方字体图标库如fontaweesome导入，作为自定义图像，或从内部KendoReact图标拉。

参见React DropDownButton图标演示
数据绑定

除了声明式构建之外，KendoReact DropDownButton组件还可以将数据绑定到字符串数组或对象数组。

参见React DropDownButton数据绑定演示
自定义渲染

KendoReact DropDownButton可以通过为React DropDownButton弹出提供自定义渲染器来定制，或者通过覆盖下拉菜单中显示的每个项目的渲染来定制。

参见React DropDownButton自定义渲染演示
键盘导航

有了内置的键盘导航支持，KendoReact DropDownButton有几个键盘快捷键，以帮助与组件内的项目进行交互和选择。

参见React DropDownButton键盘导航演示
可访问性

KendoReact下拉按钮是WCAG 2.0 AAA级，符合WAI-ARIA和Section 508辅助标准。

参见React DropDownButton易用性演示

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作，看看它可以做多少开箱即用的工作。

看到价格

购买一个单独的KendoReact许可证，或对待自己的Kendo UI，我们完整的JavaScript包。

开始免费试用

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