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

Posted 2021-03-08 aabbbaby

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微信公众号，及时获取最新动态及最新资讯