当前位置: 首页 > 更新动态

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

发布时间:2021-11-03

Kendo UI for React R3 2021版本带来了一些功能强大的组件和许多功能,可以添加到任何 React 开发人员的工具箱中。新组件包括PivotGrid 和 Heatmap 组件,同时为React Data Grid 添加了列自动调整大小。

Kendo UI for React R3 2021最新版下载

全新的React组件

新组件 – PivotGrid

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

R3 2021 中第一个突出显示的组件是全新的 React PivotGrid 组件,这个组件是从头开始构建的,以确保组件非常快,并且可以充分利用React来确保组件的所有方面都保持高水平的性能。

新组件 – MultiSelectTree

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

为了在React中扩展可用下拉列表,Kendo UI for React R3 2021添加了 MultiSelectTree 组件。该组件将 TreeView 的分层数据结构与下拉列表(特别是 MultiSelect 下拉列表)结合起来,以提供丰富的用户界面,用于选择多个值并将它们全部显示在文本输入中。

新组件 – Heatmap

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

在 R3 2021 中,KendoReact 还添加了新的 React Heatmap 组件。 这种独特的数据可视化组件适用于可视化二维值的大小,通常被称为“集群热图”。

新组件 – StackLayout

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

新的 KendoReact StackLayout 组件允许开发人员以垂直或水平方式轻松对齐堆栈中的多个元素。 虽然使用一些 CSS 可以实现相同的功能,但 KendoReact 团队希望提供一些易于使用的 UI 组件,以帮助可能不想编写自己的布局元素的开发人员。 使用 React StackLayout 组件,React 开发人员可以通过方便的配置选项控制方向、对齐、间距等。

新组件 – GridLayout

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

与 StackLayout 组件类似,新的 KendoReact GridLayout 组件允许开发人员使用行和列以网格结构排列页面上的内容。

文件管理器模板

UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

这在技术上不是一个全新的组件,在 R3 2021 中,KendoReact 团队整合了一个即用型模板,允许用户管理文件系统中的文件和文件夹,来自其他 Kendo UI 风格的用户将其识别为 FileManager 组件。

由于 FileManager 可以负责大量不同的场景,我们将这个模板放在一起,让开发人员了解如何使用 KendoReact 组件创建 FileManager,并为开发人员提供简单的方法来自定义和制作自己的 FileManager。当然,如果您喜欢开箱即用的内容,您只需复制并粘贴我们提供的代码即可!

支持Bootstrap 5
UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

在 R3 2021 中,Kendo UI for React正式支持 Bootstrap 5!通过更新到与Kendo UI for React相关的最新和最好的包(特别是 Bootstrap 主题包),可以自动利用这一点。

更新文档和演示中的主题选择器
UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

当您浏览Kendo UI for React demo时,注意到似乎在主题选择器下拉列表中添加了十几个主题,这是R3 2021的新内容!

虽然 Kendo UI 仍然支持相同的三个主题(默认、Material 和 Bootstrap),但新的主题选择器显示了由 Kendo UI 前端工程师设计的各种颜色变化,称为“色板”。 这让任何浏览Kendo UI for React Demo的人都可以通过一些 Sass 变量调整快速了解 Kendo UI 主题的可能性。

Kendo UI Kit套件
UI开发框架Kendo React R3 2021更新亮点——新的 React 组件

R3 2021另一个比较重要的亮点是正式发布了全新的Kendo UI Kit套件!该套件拥有30+个Kendo UI for React组件,可在Figma 中使用它们来设计丰富的界面,以交给开发人员来实现。 借助 Kendo UI 套件中提供的工件,设计人员拥有大量自定义选项以确保任何设计都可以应用于 Kendo UI 组件。

Kendo UI for React | 下载试用

Kendo UI致力于新的开发,来满足不断变化的需求。现在我们非常自豪地宣布,通过React框架的Kendo UI JavaScript封装来支持React Javascript框架。Kendo UI Support for React能够为客户提供更好的用户体验,并且能够更快地构建更好的应用程序。


了解最新Kendo UI最新资讯,请关注Telerik中文网!

慧都高端UI界面开发
扫码咨询
电话咨询
023-68661681
返回
顶部