开发的Web应用界面太难看?Kendo UI R1 2020工具全新发布帮你忙

Kendo UI for jQuery R1 2020试用版下载

2020年,Kendo UI全新出发,发布R1 2020!此版本在Kendo UI bundle包中的所有库中进行了一些更新,包括jQuery,Angular,React和Vue UI库!本系列文章将着重为大家这些库中更新的重点内容,欢迎持续关注哦~

jQuery
新组件

新组件:Breadcrumb

Kendo UI jQuery Breadcrumb组件为开发人员提供一个简单直观的界面,可在各层次的导航层次之间移动。Breadcrumb通常是文档页面上的重磅炸弹,几乎可以在任何网站中使用,来帮助用户浏览网页层次结构。

新组件:Badge

在移动设备上流行图标来指示未读的消息或通知,badge组件在一般的网络世界中已发现多种用法。使用新的Kendo UI Badge小部件,开发人员可以将Badge添加到现有的Kendo UI组件中,他们自己的UI元素甚至可以单独显示Badge,为页面上的某些内容提供一些附加的上下文信息。

新组件:文件管理器

多年来新的Kendo UI File Manager组件是最需要的组件之一,它使最终用户可以浏览文件夹和文件,例如Windows资源管理器中的功能,来帮助管理其Web应用程序中的文件存储。 可以与诸如编辑器之类的组件结合使用来选择图像,也可以用作独立的组件来帮助用户上传、下载和组织文件或文件夹。

现有组件的新功能

复选框 & 单选按钮更新

虽然有相当长的一段时间可以使用复选框和单选按钮的样式,但方法不够灵活。这主要是因为需要在较旧的浏览器中支持样式并确保跨浏览器的兼容性,但目前许多较就的浏览器已逐步被淘汰。因此在R1 2020中,决定重新评估如何对这两个输入元素进行样式设置,并且现在引入了一种更现代的方法来对这些组件进行样式设置。

Grid - 列虚拟化

Kendo UI jQuery Grid的新列虚拟化功能使用户可以平滑地滚动包含许多列的数据集,而不会看到渲染大量额外HTML时的性能影响。由于回收了HTML元素和Grid的单元格,用户现在可以在整个列集合中水平滚动,而不会出现任何性能问题。

TreeList - 搜索面板

Kendo UI TreeList中新的搜索面板功能为用户提供一种快速的方法,用户可以通过在TreeList顶部工具栏中输入单个文本来过滤TreeList的内容。 可以使用一组快速的配置选项来配置此过滤器,以及数据中的哪些字段最终成为过滤器的方式——确保任何搜索都符合用户的要求。

编辑器 - 合并表工具

由于Kendo UI编辑器使用新的合并表工具,最终用户可以轻松地创建和更新编辑器内容中任何表元素的布局。 这样就可以进行交互,例如通过一个工具栏界面将两个单元格彼此相邻合并,甚至将它们合并到一列内的单元格中。

编辑器 - 格式刷工具

Format Painter是许多RTF编辑器中的标准工具,此功能允许用户选择文本的一部分来复制格式(字体,大小,颜色等)并将其应用于内容中的一部分。在R1 2020中,Kendo UI jQuery编辑器现在在其默认工具选项集合中公开了对此功能的内置支持。

Scheduler - 事件的自动调整大小

Kendo UI Scheduler中新的事件自动调整大小功能允许在各种事件和日期之间显示可变高度,这意味着与没有显示事件的日子相比,包含许多事件的日子和包含其他信息的事件大小最终会有所不同。

过滤器 - 自定义过滤器功能

Kendo UI过滤器组件已经获得了很多新功能,包括创建自定义过滤器功能。这使开发人员可以创建自己的自定义过滤器操作(例如,库存中偶数个产品的所有产品),而不是默认使用过滤器组件,从而对该强大的组件进行深度自定义。

过滤器 - 每个字段的自定义运算符

默认情况下,Kendo UI筛选器组件在每个字段上提供所有筛选器运算符(相等,不相等,包含等)。 借助新的Custom Operators功能,开发人员现在可以预定义可用运算符的明确列表,这为Filter组件提供另一种自定义级别,因为每个字段现在都可以具有一组唯一的操作符,这些操作符仅对该字段有意义。

过滤器 - 格式表达式预览

通过使用Format Expression Preview功能,Kendo UI Filter组件现在允许用户配置要在过滤器组件生产的过滤器表达式上使用格式字符串。这对于可通过多种方式格式化的日期之类的字符串尤其重要,现在为每个字段创建格式就像定义格式配置选项一样简单。

时间轴 - 支持共享数据源

Kendo UI Timeline组件现在可以与任何其他数据绑定的Kendo UI组件共享数据源,而不会出现任何奇怪的解决方法或其他请求。 对于使用Kendo UI Grid或将其他任何代表基础数据集的组件绑定到公共数据集的时间轴而言,它是理想的选择。



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

扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯

原文地址:https://www.cnblogs.com/AABBbaby/p/12340783.html

时间: 2024-10-04 15:27:55

开发的Web应用界面太难看?Kendo UI R1 2020工具全新发布帮你忙的相关文章

VCL界面开发还在犯难?DevExpress VCL v19.2.4全新发布帮你忙

DevExpress VCL Controls是 Devexpress公司旗下最老牌的用户界面套包.所包含的控件有:数据录入,图表,数据分析,导航,布局,网格,日程管理,样式,打印和工作流等,让您快速开发出完美.强大的VCL应用程序!DevExpress广泛应用于ECM企业内容管理. 成本管控.进程监督.生产调度,在企业/政务信息化管理中占据一席重要之地. [适用范围]:Delphi / C++Builder XE2 / XE3 / XE4 / XE5 / XE6 / XE7 / XE8 / X

Kendo UI Professional Q3 2015 Beta发布[附下载]

日前,Kendo UI Professional正式发布Q3 2015 Beta发版本,新版本集成了Web组件.新增布局图元素.为甘特图新增响应式操作等,同时还修复了一系列小bug. 立即下载最新版本:Kendo UI Professional Kendo UI集合了创建现代Web和移动应用所需的所有功能.整个包包含70+基于jQuery的响应式UI组件,一个MVVM框架,自定义主题.模板等等.不仅如此,Kendo UI Professional整合了之前的Kendo UI Web.Kendo

Kendo UI for jQuery使用教程:支持Web浏览器

[Kendo UI for jQuery最新试用版下载] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support for React和Kendo UI Support for Vue四个控件.Kendo UI for jQuery是创建现代Web应用程序的最完整UI库. Kendo UI小部件和框架组件旨在支持所有主要的Web浏览器,并提供跨浏览器兼容性.标准兼容性或支持触摸设备. 但是根据项目的具体情况,您

Kendo UI for jQuery使用教程——使用NPM/NuGet进行安装

[Kendo UI for jQuery最新试用版下载] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support for React和Kendo UI Support for Vue四个控件.Kendo UI for jQuery是创建现代Web应用程序的最完整UI库. 使用NPM进行安装 Node Package Manager (NPM)是目前比较流行的一个JavaScript包管理器.在本文中假设您熟悉

Kendo UI for jQuery使用教程:小部件DOM元素结构

[Kendo UI for jQuery最新试用版下载] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support for React和Kendo UI Support for Vue四个控件.Kendo UI for jQuery是创建现代Web应用程序的最完整UI库. 所有Web Kendo UI小部件都保留对元素和封装DOM元素的引用,并且所有混合Kendo UI小部件仅保留对元素DOM元素的引用. el

Kendo UI for jQuery使用教程:使用MVVM初始化(一)

[Kendo UI for jQuery最新试用版下载] Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support for React和Kendo UI Support for Vue四个控件.Kendo UI for jQuery是创建现代Web应用程序的最完整UI库. 您可以通过数据属性或基于自定义HTML属性初始化和配置每个Kendo UI小部件. Kendo UI混合应用程序.单页面应用程序(SPA)视

Kendo UI经典开发案例赏析

Kendo UI 是一个非常强大的HTML5界面开发框架,基于最新的HTML5.CSS3和JavaScript标准,既可以开发Web应用,又可以开发跨平台的移动应用.Kendo UI的界面风格清新大气,组件功能完善,性能可靠,程序员只需要少量编码就可以实现相应的效果,能节省大量的时间成本.那么Kendo UI到底能实现一些什么样的效果呢?下面我汇总了Kendo UI的四个开发案例 Bootstrap 经常有人问到Kendo UI是否可以和Bootstrap 结合使用,答案当然是肯定的.这个应用是

准备 Kendo UI 开发环境

准备 首先你需要从 Telerik 网站下载试用版开发包,注意需要注册后才能下载,或者从本站下载 (18M) 下载后直接解压后包含下面几个文件和目录: ./examples – 示例. /js – minified 化后的 JavaScript 库. /vsdoc JavaScript Intellisense 支持文件 /styles – minified 后的 CSS 及主题资源. changelog.html – Kendo UI 发布文件. 如果你下载伺服器端支持(比如 ASP.NET,

准备Kendo UI 开发环境

准备 首先你需要从 Telerik 网站下载试用版开发包,注意需要注册后才能下载. 下载后直接解压后包含下面几个文件和目录: ./examples – 示例. /js – minified 化后的 JavaScript 库. /vsdoc JavaScript Intellisense 支持文件 /styles – minified 后的 CSS 及主题资源. changelog.html – Kendo UI 发布文件. 如果你下载服器端支持(比如 ASP.NET,PHP 等)还可能包含 .w