界面组件Kendo UI for Angular 2024 Q2亮点 - 让应用程序界面拥有AI提示

本文主要是介绍界面组件Kendo UI for Angular 2024 Q2亮点 - 让应用程序界面拥有AI提示,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

Kendo UI for Angular是Kendo UI系列商业产品的新产品,Kendo UI for Angular是专用于Angular开发的专业级Angular组件,telerik致力于提供纯粹的高性能Angular UI组件,无需任何jQuery依赖关系。

Kendo UI for Angular 2024 Q2新版下载(Q技术交流:726377843)

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

新组件 - Kendo UI for Angular AIPrompt

利用直观的AI命令与全新的Kendo UI for Angular AIPrompt组件授权用户执行任务,从生成响应到编写提示和与AI输出交互,再到执行一组预定义的命令。Kendo UI for Angular AIPrompt专注于为用户提供与AI服务交互的现代界面,同时通过提供流畅的定制来增强开发人员的可用性。它提供了四个预定义的视图进行交互:提示、输出、命令和自定义视图,每个视图都具有特定的功能。

易于定制也可用,该组件使您能够根据特定需求自定义工具栏中的操作(例如显示自定义按钮)。

Kendo UI for Angular 2024 Q2新版图集

全新的评级组件

Kendo UI for Angular Rating(评级)组件使用户可以通过简单地单击其图标或使用箭头键轻松地留下评级和修改他们所选择的值,它包含多个自定义选项,使您能够根据特定需求完全定制组件。

Kendo UI for Angular 2024 Q2新版图集

全新的时间轴组件

Kendo UI for Angular Timeline(时间轴)组件使您能够按时间顺序显示每年的一系列事件及其相关数据,还可以利用水平和垂直模式、多个模板、事件等。

Kendo UI for Angular 2024 Q2新版图集

全新的桑基流程图

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

Kendo UI for Angular 2024 Q2新版图集

Data Grid - 多个增强

Kendo UI for Angular Data Grid现在包含以下增强:

  • 能够通过虚拟滚动以编程方式展开或折叠网格内的特定组
  • 在虚拟滚动网格中以编程方式展开或折叠所有根级组的两个新方法——expandAll和collapseAll
  • 新增scrollToItem和一致的scrollTo方法
  • 修改后的错误消息

Kendo UI for Angular 2024 Q2新版图集

PivotGrid - 单元格模板和计数聚合

Kendo UI for Angular PivotGrid现在提供了一个单元格模板,可以让您自定义所有的PivotGrid单元格或格式化显示的单元格数据。此外,您现在可以利用countAggregate作为组件中可用的预定义内置聚合的一部分。

Kendo UI for Angular 2024 Q2新版图集

Scheduler - 新的AllDaySlot配置

Kendo UI for Angular Calendar现在增强了一个AllDaySlot配置,允许用户控制全天槽的可见性(显示/隐藏)状态。

Kendo UI for Angular 2024 Q2新版图集

日历 - 多重增强

Kendo UI for Angular Calendar现在包括以下增强:

  • 能够显示或隐藏日期从上一个月或下一个月
  • 修订后的选择
  • 全新的‘range’和‘reversed range’选择
  • 支持多重和范围选择
  • 页眉和页脚模板
  • weekDayFormat选项

Kendo UI for Angular 2024 Q2新版图集

Spreadsheet - 多重增强

Kendo UI for Angular Spreadsheet 现在有了一个方便的上下文菜单,提供了一些高级功能,比如将剪贴板中的内容直接复制和粘贴到单元格中,或者微调行和列的外观。

电子表格控件的操作栏和表格栏也增强了多种功能,帮助您节省时间、提高工作效率。

Kendo UI for Angular 2024 Q2新版图集

Scheduler - 多重增强

现在您可以使用方便的年视图,来以12个月为周期显示事件。用户可以通过简单地设置各自视图的天数、周数或月数,轻松地自定义时间轴、时间轴周和时间轴月视图的可见范围。

您还可以通过新的样式选项获得更大的灵活性,使您能够根据参数轻松地自定义Scheduler事件和插槽的外观。

Kendo UI for Angular Scheduler现在还支持拖放调度,允许用户通过从外部UI组件中拖拽项目并将其放入选定的时间段来无缝地创建新事件。

Kendo UI for Angular 2024 Q2新版图集

Grid - 剪贴板

Kendo UI for Angular数据网格现在允许您通过使用系统剪贴板来执行所有标准的剪贴板操作。

网格剪贴板支持以下键盘选项:

  • 复制选定的或集中的内容
  • 删除选定或重点内容
  • 粘贴剪贴板内容

Kendo UI for Angular 2024 Q2新版图集

图表 - 增强的图例项配置

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

Kendo UI for Angular 2024 Q2新版图集

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

除了线性趋势线和移动平均趋势线,Kendo UI for Angular Chart现在支持多种新的趋势线类型,包括:

  • 指数趋势线
  • 对数趋势线
  • 功率趋势线
  • 多项式趋势线

Kendo UI for Angular 2024 Q2新版图集

支持前缀和后缀

现在您可以通过使用前缀和后缀形式的自定义装饰来增强Kendo UI for Angular组件的视觉和功能:

  • MaskedTextBox
  • NumericTextBox
  • ComboBox
  • MultiColumnComboBox
  • MultiSelect
  • AutoComplete

Kendo UI for Angular 2024 Q2新版图集

这篇关于界面组件Kendo UI for Angular 2024 Q2亮点 - 让应用程序界面拥有AI提示的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1075014

相关文章

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

Spring AI集成DeepSeek的详细步骤

《SpringAI集成DeepSeek的详细步骤》DeepSeek作为一款卓越的国产AI模型,越来越多的公司考虑在自己的应用中集成,对于Java应用来说,我们可以借助SpringAI集成DeepSe... 目录DeepSeek 介绍Spring AI 是什么?1、环境准备2、构建项目2.1、pom依赖2.2

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

Spring AI Alibaba接入大模型时的依赖问题小结

《SpringAIAlibaba接入大模型时的依赖问题小结》文章介绍了如何在pom.xml文件中配置SpringAIAlibaba依赖,并提供了一个示例pom.xml文件,同时,建议将Maven仓... 目录(一)pom.XML文件:(二)application.yml配置文件(一)pom.xml文件:首

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》:本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法,通过简单的两列实现、每行放置3列以及全部代码的展示,展示了这两种布局方式的实现细节和效果,详细内容请阅读本文,希望能对你有所帮助... 过往的实现方法是使用浮动加

css渐变色背景|<gradient示例详解

《css渐变色背景|<gradient示例详解》CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果,可以作为元素的背景,它包括线性渐变、径向渐变和锥形渐变,本文介绍css渐变色背景|<gradien... 使用渐变色作为背景可以直接将渐China编程变色用作元素的背景,可以看做是一种特殊的背景图片。(是作为背

SpringBoot整合DeepSeek实现AI对话功能

《SpringBoot整合DeepSeek实现AI对话功能》本文介绍了如何在SpringBoot项目中整合DeepSeekAPI和本地私有化部署DeepSeekR1模型,通过SpringAI框架简化了... 目录Spring AI版本依赖整合DeepSeek API key整合本地化部署的DeepSeek

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...