当前位置: 首页 > news >正文

界面组件Kendo UI for React 2024 Q2亮点 - 生成式AI集成、设计系统增强

随着最新的2024年第二季度发布,Kendo UI for React为应用程序开发设定了标准,包括生成式AI集成、增强的设计系统功能和可访问的数据可视化。新的2024年第二季度版本为应用程序界面提供了人工智能(AI)提示,从设计到代码的生产力增强、可访问性改进、一系列新的UI组件等。

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

接下来我们将为大家一一介绍一下2024 Q2版本中的一些新亮点~

Data Grid - 改进可访问性

在这个版本中引入了对数据网格可访问性的各种增强,包括:

  • 单元格内选择
  • 列重新排序和组/取消组的快捷方式
  • 页脚单元格可访问的屏幕阅读器
  • 新的键盘处理程序

全新组件 - KendoReact AIPrompt

通过全新的KendoReact AIPrompt组件,使用户能够利用直观的AI命令执行任务。从生成响应到编写提示和与AI输出交互,再到执行一组预定义的命令都已全覆盖。


KendoReact AIPrompt专注于为用户提供与AI服务交互的现代界面,同时通过提供流畅的定制来增强开发人员的可用性。

Data Grid - 增强选择

KendoReact Data Grid选择现在包括以下改进:

  • onSelectionChange事件中的startDateItem和endDateItem
  • 滚动和虚拟滚动选择更新
  • 重新排序拖动选择修复
  • 选择复选框的可访问性

DateRangePicker - 改进日期编辑

KendoReact DateRangePicker现在具有改进的日期编辑体验,包括多个新功能,例如:

  • 新增clear 按钮
  • 选择输入属性的新范围选项
  • allowReverse Boolean属性,允许用户在结束日期之后选择开始日期
  • 改进使用范围选择时的周选择操作

Calendar - 改进日期编辑

KendoReact Calendar组件现在增强了一个header模板和一个新的weekDaysFormat选项。

图表 - 全新的桑基图表

新的KendoReact Sankey Chart(桑基图)使您能够轻松地创建可视化变化流及其在域之间分布的图表,桑基图是各种用例的理想选择,包括网站流量、预算分解、能量流等等。

图表 - 增强图例项目配置

现在在自定义图表图例项的样式时,您有了更大的灵活性,不仅可以自定义颜色,还可以自定义指示系列的标记形状。

图表趋势线 - 新的趋势线选项

KendoReact图表现在支持多种新的趋势线类型,包括:

  • 线性趋势线
  • 指数趋势线
  • 对数趋势线
  • 功率趋势线
  • 多项式趋势线
  • 移动平均线

KendoReact与Next.js的集成

现在您可以在使用KendoReact的富组件库时充分利用Next.js,Next.js由 Vercel开发,通过在终端——npx create-next-app@latest中使用一行为您提供生产就绪的环境,使开发过程更容易。KendoReact UI组件与Next.js完全兼容,它们都经过测试和调整,可以有效地与服务器端渲染和Next.js框架一起运行。

http://www.jsqmd.com/news/1166977/

相关文章:

  • [特殊字符] 我丢失了一只叫“月亮之子”的乌龟
  • palera1n:终极iOS越狱解决方案,为A8-A11设备解锁无限可能
  • tusdotnet安全最佳实践:保护断点续传服务的5个关键策略
  • NAU8224与GD32VF103VBT6音频系统设计与优化
  • 一个入口体验主流 AI 模型:Ace Data Cloud Studio 使用介绍
  • Midjourney海报批量生产术:用自定义Style+Batch Grid+API联动,单日交付86张商用级海报
  • 基于MA12070与STM32F469II的高保真音频系统设计
  • 【Midjourney设计师私藏工作流】:不依赖Discord的本地化UI增强方案(含CSS注入+快捷键映射模板)
  • Science-Star部署实战:从本地开发到生产环境的完整部署指南
  • 劳力士爱马仕橙腕表专业保养与维修服务权威公示(2026年7月最新) - 劳力士服务中心
  • Umi-OCR:三步快速将扫描文档转换为可编辑PDF,免费离线更安全
  • mapnpk分析报告
  • 远端Docker沙箱集群与OSS挂载方案对比与选型指南
  • 2026年7月最新天津雅典官方售后联系电话与客户服务中心网点地址 - 亨得利官方服务中心
  • (8-6-02)
  • 研究生毕业论文降AI完整工具指南:从开题到答辩4.8元工具组合全流程操作手册
  • ChatGPT-API-Leakage核心功能详解:如何高效扫描泄露的OpenAI密钥
  • 如何快速掌握MetaboAnalystR:从质谱数据到生物学洞察的完整代谢组学分析指南
  • GTA5线上辅助工具技术解析:从游戏机制到模块化架构的实践指南
  • (10-3-02)地图、树结构以及节点相关的类和方法
  • (4-4)地图、树结构以及节点相关的类和方法
  • PacketSender:5大核心能力解析,打造专业级网络流量生成与测试平台
  • 2026年7月最新东莞百达翡丽官方售后客服中心地址电话及服务网点分布 - 百达翡丽官方售后中心
  • 猫抓Cat-Catch:3分钟快速上手的高效网页资源嗅探工具
  • K8s集群证书续签100年有效期
  • 亨得利中国区官方售后服务中心|最新维修地址及电话权威收录(2026年7月最新) - 亨得利腕表服务中心
  • Claude Sonnet 5智能体任务实战:成本优化与执行连续性提升
  • (8-5)
  • 面向 AI 抓取的内容页面结构方法
  • 金融级数据底座自主可控落地:批量迁移、分级架构与零丢失容灾实战