百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

完整UI组件库Kendo UI for Vue R3 2021 - 新的Vue组件发布

bigegpt 2024-12-02 15:23 4 浏览

R3 2021版本是Kendo UI for Vue有史以来最重大的版本发布,这个版本非常庞大,其中有20个新的原生组件,或者说有34个新组件,包括各种图表和数据可视化。下来,跟我们一起了解一下这些功能吧!

Kendo UI for Vue官方最新版免费下载试用,历史版本下载,在线文档和帮助文件下载-慧都网

支持Bootstrap 5

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

更新文档和演示中的主题选择器

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

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

Kendo UI Kit套件

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

全新的Vue组件

新组件:Chart、StockChart和SparkLine

以前仅作为Vue封装器的一部分提供,在R3 2021中正式发布了原生的Vue图表库!这绝对是Kendo UI for Vue的一个巨大补充,它带来了16中不同的图表类型,包括条形图、柱形图、面积图、折线图、散点图、StockChart 等等。

此外,Kendo UI for Vue团队在此版本中添加了SparkLine 组件,提供时尚的 UI 元素来将行内图表元素添加到数据网格中的段落内容或单元格中。

新组件:绘图、PDF生成器、数据查询、日期数学和文件保护程序

在R3 2021 中,Kendo UI for Vue添加了帮助程序库,这些库可以独立运行,但也包含在Vue组件中。 这些包括:

  • Vue Drawing :用于交互式矢量图形的跨浏览器库。
  • PDF Generator:使开发人员能够导出任何网页的选择或全部内容的库。
  • Data Query :一个帮助执行内存数据操作的包,如排序、过滤、分组和聚合。
  • Date Math :用于JavaScript日期操作的包。
  • File Saver :帮助在客户端计算机上保存文件的组件。

新组件:TabStrip

新的原生Kendo UI for Vue TabStrip组件显示带有关联内容的选项卡集合,最终用户可以通过单击选项卡加载相关内容,轻松地在不同视图之间切换。 以前只能作为封装器使用,现在这是一个专门为Vue重新构建的组件。

新组件:Pager

新的原生 Vue Pager 将数据绑定组件(如 Vue Data Grid)中的分页界面提取到其自己的专用 UI 组件中,使用Kendo UI for Vue Pager,最终用户可以轻松地拆分和浏览更易于管理的内容块。

新组件:Card

扩展了Kendo UI for Vue中提供的布局组件的数量,在R3 2021中,我们还添加了原生Vue Card组件。当用关于单个主题的关联操作表示内容时,此组件非常有用。 在许多现代 Web 应用程序设计中发现,卡片组件具有多个构建块,可以自定义这些构建块以确保卡片适合任何设计。

Kendo UI for Vue

Kendo UI致力于新的开发,来满足不断变化的需求。Kendo UI for Vue使用旨在提高性能和丰富用户体验的Vue组件,帮助开发人员构建下一代应用程序。它是为Vue技术框架提供可用的Kendo UI组件,以便更快地构建更好的Vue应用程序。


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

相关推荐

悠悠万事,吃饭为大(悠悠万事吃饭为大,什么意思)

新媒体编辑:杜岷赵蕾初审:程秀娟审核:汤小俊审签:周星...

高铁扒门事件升级版!婚宴上‘冲喜’老人团:我们抢的是社会资源

凌晨两点改方案时,突然收到婚庆团队发来的视频——胶东某酒店宴会厅,三个穿大红棉袄的中年妇女跟敢死队似的往前冲,眼瞅着就要扑到新娘的高额钻石项链上。要不是门口小伙及时阻拦,这婚礼造型团队熬了三个月的方案...

微服务架构实战:商家管理后台与sso设计,SSO客户端设计

SSO客户端设计下面通过模块merchant-security对SSO客户端安全认证部分的实现进行封装,以便各个接入SSO的客户端应用进行引用。安全认证的项目管理配置SSO客户端安全认证的项目管理使...

还在为 Spring Boot 配置类加载机制困惑?一文为你彻底解惑

在当今微服务架构盛行、项目复杂度不断攀升的开发环境下,SpringBoot作为Java后端开发的主流框架,无疑是我们手中的得力武器。然而,当我们在享受其自动配置带来的便捷时,是否曾被配置类加载...

Seata源码—6.Seata AT模式的数据源代理二

大纲1.Seata的Resource资源接口源码2.Seata数据源连接池代理的实现源码3.Client向Server发起注册RM的源码4.Client向Server注册RM时的交互源码5.数据源连接...

30分钟了解K8S(30分钟了解微积分)

微服务演进方向o面向分布式设计(Distribution):容器、微服务、API驱动的开发;o面向配置设计(Configuration):一个镜像,多个环境配置;o面向韧性设计(Resista...

SpringBoot条件化配置(@Conditional)全面解析与实战指南

一、条件化配置基础概念1.1什么是条件化配置条件化配置是Spring框架提供的一种基于特定条件来决定是否注册Bean或加载配置的机制。在SpringBoot中,这一机制通过@Conditional...

一招解决所有依赖冲突(克服依赖)

背景介绍最近遇到了这样一个问题,我们有一个jar包common-tool,作为基础工具包,被各个项目在引用。突然某一天发现日志很多报错。一看是NoSuchMethodError,意思是Dis...

你读过Mybatis的源码?说说它用到了几种设计模式

学习设计模式时,很多人都有类似的困扰——明明概念背得滚瓜烂熟,一到写代码就完全想不起来怎么用。就像学了一堆游泳技巧,却从没下过水实践,很难真正掌握。其实理解一个知识点,就像看立体模型,单角度观察总...

golang对接阿里云私有Bucket上传图片、授权访问图片

1、为什么要设置私有bucket公共读写:互联网上任何用户都可以对该Bucket内的文件进行访问,并且向该Bucket写入数据。这有可能造成您数据的外泄以及费用激增,若被人恶意写入违法信息还可...

spring中的资源的加载(spring加载原理)

最近在网上看到有人问@ContextConfiguration("classpath:/bean.xml")中除了classpath这种还有其他的写法么,看他的意思是想从本地文件...

Android资源使用(android资源文件)

Android资源管理机制在Android的开发中,需要使用到各式各样的资源,这些资源往往是一些静态资源,比如位图,颜色,布局定义,用户界面使用到的字符串,动画等。这些资源统统放在项目的res/独立子...

如何深度理解mybatis?(如何深度理解康乐服务质量管理的5个维度)

深度自定义mybatis回顾mybatis的操作的核心步骤编写核心类SqlSessionFacotryBuild进行解析配置文件深度分析解析SqlSessionFacotryBuild干的核心工作编写...

@Autowired与@Resource原理知识点详解

springIOCAOP的不多做赘述了,说下IOC:SpringIOC解决的是对象管理和对象依赖的问题,IOC容器可以理解为一个对象工厂,我们都把该对象交给工厂,工厂管理这些对象的创建以及依赖关系...

java的redis连接工具篇(java redis client)

在Java里,有不少用于连接Redis的工具,下面为你介绍一些主流的工具及其特点:JedisJedis是Redis官方推荐的Java连接工具,它提供了全面的Redis命令支持,且...