KendoReact

反应DropDownTree

  • 通过使用层次结构有效地在下拉菜单中显示复杂的数据。这个React下拉列表树带有内置的表单支持和过滤。
  • KendoReact库的一部分,以及100多个用React for React从头开始构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和指导培训。
  • 概述

    KendoReact DropDownTree是TreeView和DropDown组件的组合,非常适合需要简洁地显示复杂数据的表单。当用户与这个简单的输入元素交互时,下拉菜单将打开,显示具有层次结构的内置TreeView。然后,用户可以选择一个节点,所选值将出现在组件的输入中。

    参见React下拉列表树演示

    React下拉列表树组件
  • 数据绑定

    React下拉列表树可以数据绑定到各种形式的数据,使得用户可以轻松地填充组件中的选项。无论数据来自客户端生成的集合还是来自服务器端的某个数据库,React下拉列表树都可以轻松绑定到任何数据集合。

  • 过滤

    当过滤被启用时,React下拉列表树将在项目集合的顶部显示一个额外的搜索框。这种过滤机制允许最终用户减少组件中显示的信息量,并帮助他们快速有效地找到他们正在搜索的特定项。

    参见React下拉列表过滤演示

    React下拉树过滤
  • 自定义渲染

    KendoReact下拉列表树为React开发人员提供了几种自定义React组件外观的方法。内置TreeView中的每个节点的呈现方式可以由其自己的自定义呈现器控制,在输入元素中显示所选项的方式也可以自定义。结合起来,这些方法为你提供了足够的灵活性,使React下拉列表树适用于任何应用程序设计。

    参见React下拉菜单自定义渲染演示

    React下拉菜单组件自定义渲染
  • 形式支持

    由于React下拉列表树是select HTML元素的高级版本,因此该组件通常用作更大的表单组件集合的一部分。值得庆幸的是,KendoReact下拉列表树提供了HTML表单验证的原生KendoReact实现,以确保在任何表单中都能自然匹配。

    参见React下拉窗体支持演示

  • 键盘导航

    KendoReact下拉菜单树有内置的键盘支持,帮助React组件仅使用键盘进行交互。这使得用户可以打开和关闭下拉菜单,在项目之间切换,选择项目等-所有这些都通过键盘交互。

    参见React下拉键盘导航演示

  • 可访问性

    KendoReact的核心元素之一就是易用性。KendoReact团队了解可访问性对网络的重要性,这推动团队让所有观众都能访问每个组件。KendoReact下拉菜单树支持Section 508指南,键盘导航和WCAG 2.0符合AAA评级。

    参见React下拉列表树辅助功能演示

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

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

看到价格

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

开始免费试用

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

Baidu
map