刚接触Angular的Kendo UI吗?开始30天的免费试用

Angular发布历史的Kendo UI万博app最新版下载

2021年R3(2021-09-15)

引导5支持

R3 2021引入了对最新版本Bootstrap的官方支持:Bootstrap v5。有了这个更新,开发人员可以更新到最新的主题包,并立即能够使用Bootstrap 5样式为Angular组件设计Kendo UI。

改进的主题选择器

在R3 2021中,Angular的Kendo UI在为Angular文档中可用的可运行示例选择主题时增加了额外的选项。虽然这些颜色变化都是基于现有的主题(默认、引导和材质),但它们让开发人员和他们的团队知道通过调整一些Sass变量可以实现什么效果。

剑道UI工具包Figma

和附加项目发布与R3 2021是新的剑道UI工具包Figma。这个工具包包含了超过30个用于Angular组件的Kendo UI,未来还会有更多,它允许任何使用Figma的设计师将用于Angular组件的Kendo UI添加到他们的设计中。

新组件:甘特图

Angular甘特组件是说明项目进度的柱状图的一种。它允许用户查看任务、它们之间的关系以及完成每个任务需要多长时间。任务有一个可视化栏来指示任务的开始和结束、特定任务进行到什么程度、任务是按时执行还是延迟执行,等等。

新组件:Heatmap

热图图,也被称为“聚类热图”,适用于可视化超过二维的值的大小。热图最好的例子是你在GitHub上看到的贡献图。

Angular Heatmap的剑道UI是我们的Angular Data Visualization库的一部分,这意味着内容被渲染为一组SVG元素。

新组件:排版

Kendo UI for Angular Typography指令允许开发人员通过使用可用的剑道UI主题类来改善任何UI元素的外观。开发人员不必自己编写类,而是可以从他们已经使用的主题中选择现成的类!

网格-寻呼机位置

R3 2021Angular Grid的Kendo UI增加了控制网格内置分页器的分页位置的能力。有了这个特性,开发人员可以控制分页器是应该显示在特定Angular数据网格的顶部、底部,还是同时显示在顶部和底部。

网格-键盘导航在寻呼机

Angular Grid的Kendo UI在Angular Grid的分页器中添加了内置的键盘导航支持。除了只需要一个键盘就可以在页导航器中导航之外,这还提高了Angular Grid的Kendo UI的可访问性遵从性。

网格——虚拟化期间的占位符

在R3 2021中,用于Angular数据网格的Kendo UI添加了骨架占位符,以便在虚拟化场景中滚动时在单元格中显示。当需要从客户端或服务器获取数据时,一个骨架元素将显示在任何需要额外数据的单元格中。这让终端用户可以直观地注册一些东西尚未在Grid中加载。

看到Angular Grid虚拟滚动演示

网格-示例:在网格之间拖放

扩展了可用的示例应用程序,Angular Grid的Kendo UI添加了一个示例,展示了如何在两个数据网格组件之间进行拖放。

示例:在树列表之间拖放

Angular树列表的Kendo UI还添加了一个示例来展示如何在两个树列表组件之间进行拖放。

TabStrip:可关闭的标签

在R3 2021中,Angular TabStrip的Kendo UI添加了关闭选项卡功能。这允许用户单击图标从可用选项卡列表中删除有问题的选项卡。

看到Angular TabStrip关闭选项卡的演示

TabStrip:可滚动标签

Angular TabStrip组件的Kendo UI增加了滚动标签的能力。对于TabStrip元素的可用宽度所能显示的选项卡数量过多的TabStrip,用户现在可以在选项卡集合中向左或向右滚动,以找到需要单击的特定选项卡。

看到Angular TabStrip可滚动标签的演示

在拖放过程中自动滚动

R3 2021Anglar TreeView当用户在TreeView中拖放节点时,现在可以自动滚动。

在过滤器上自动展开节点

角树状视图添加了内置的行为,当用户在组件内过滤数据时自动展开节点。如果通过过滤发现了一个节点,则将展开指向根的所有节点,以帮助突出显示有问题的节点。

MultiSelectTree:客户端筛选

在R3 2021中,Angular MultiSelecTree的Kendo UI添加了客户端过滤功能。如果TreeView的所有数据在客户端都是可用的,那么这种过滤机制将迅速减少可用节点的列表,而不影响服务器。

看到用于Angular多选择树过滤的Kendo UI

编辑器:保留空白选项和焦点和模糊事件

随着R3 2021的发布角编辑器收到了保留空白选项,它确保编辑器内容中的空白被保留,而不是删除。

此外,在同一个版本中还添加了Angular编辑器焦点而且模糊事件。

ScrollView:黑暗和光明页导航选项

R3 2021角滚动视图有一个选项显示在底部的寻呼机或在黑暗格式。

ColorPicker & ColorGradient:键盘导航和本地化

角器而且角ColorGradient组件现在有内置的键盘导航和本地化功能。

FloatingLabel:自定义CSS支持和positionChange事件

R3 2021Angular FloatingLabel组件支持自定义CSS,允许开发人员自定义FloatingLabels的外观。

此外,positionChange事件也已添加。

SplitButton:改变主按钮的类型

角SplitButton增加了开发者改变主按钮类型的能力。

2021 R2(2021-05-12)

新组件:BottomNavigation

Angular的BottomNavigation组件作为任何Angular应用的直观导航组件。通常是任何移动、响应式或渐进式web应用(PWAs)的关键部分,底部导航组件显示在屏幕底部,为用户突出显示可用的导航选项。

新建组件:MultiSelectTree

剑道UI角MultiSelectTree在MultiSelect下拉菜单中结合了TreeView的层次结构。这允许用户从包含TreeView的下拉列表中选择多个值。选中的值将显示为文本或令牌,并可以通过手动编辑组件的Input元素中的项来进一步操作。

新组件:CircularGauge

角圆规提供任何价值的360度数据可视化。圆形测量仪支持中心文本标签,显示刻度,并可以根据基础值更新其颜色和显示。可以通过配置选项设置起始值和结束值。

新组件:骨架

在R2 2021中,Angular的Kendo UI引入了角骨架组件,允许开发人员创建占位符HTML元素,以在加载数据和附加资源时表示应用程序的各个部分。Angular Skeleton开箱即用地提供了表示文本、矩形和圆的形状,这应该为表示许多现有应用元素提供了坚实的基础。

网格:粘性列和粘性行

在R2 2021中,Angular数据网格的Kendo UI增加了对两者的支持粘性的列而且粘性的行

当滚动经过网格时,粘性列将附着在网格的左侧或右侧。一旦用户滚动到列的原始位置,它将从锁定区域移除,并保持在其原始列的位置。

粘性行可以附着在网格的顶部或底部,在用户滚动其余的数据网格内容时保持不变。一旦传递了原始滚动位置,这些行将保持在它们的原始位置,而不会卡在顶部或底部位置。

网格:持久分组

Angular Grid的Kendo UI现在提供了内置的功能,可以在分页等数据操作期间保持组的状态(扩展或折叠状态)。

看到网格:持久分组

网格:改进的可访问性

作为R2 2021的一部分,Angular数据网格的Kendo UI对可访问性项进行了广泛的审查。这允许在数据表的几个方面进行改进,包括“筛选菜单”、“筛选行”、“列”菜单和“复选框”列.此外,这增加了键盘导航支持对于两者过滤器菜单而且列菜单

更多信息请参阅Angular Grid Accessibility页面的Kendo UI

编辑器:ProseMirror插件支持

Angular编辑器的Kendo UI现在支持集成现有ProseMirror插件的能力。这允许开发者创建他们自己的插件,或者找到第三方插件,并将它们添加到Angular Editor的Kendo UI中。

编辑器:占位符支持

R2 2021Angular编辑器的Kendo UI支持占位符属性,允许开发人员在该区域为空时设置内容区域的初始文本。

下拉列表包:各种改进

整个下拉包它包括Angular组合框、下拉列表、多重选择、自动完成、下拉列表树、多列组合框和多重选择树,收到了全面的更新。这包括发布打开和关闭事件,子对象绑定,复选框选择,而且对项目的程序性关注

此外,DropDownTree添加了额外的功能,包括但不限于过滤、值模板和重置方法。

PDF导出:支持通用SVG元素

R2 2021Angular PDF导出库的Kendo UI增加了对导出通用SVG元素的支持。这意味着HTML内容中的任何现有SVG元素都将在生成的PDF文件中正确显示。

日历:多个日期选择

Angular日历的Kendo UI现在支持多个日期的选择,让最终用户选择日历中显示的日期范围或多个单独的和不连接的日期。

TreeView:各种更新

R2 2021Angular TreeView的Kendo UI添加检查/取消检查指令当子节点的父节点崩溃时,帮助检查或取消检查子节点,以及延迟nodeDrag事件。

日期输入:支持两位数年份和可访问性改进

Angular DateInputs包的Kendo UI,它包括DateInput、DatePicker、TimePicker、DateTimePicker和DateRange组件,现在支持用户仅输入两个数字来表示一年。例如,“21”变成了“2021”。

此外,这些组件的可访问性遵从性得到了各种更新,解决了几个关于可访问性的报告问题。

2021年R1(2021-01-20)

Angular 11支持

作为R3 2020年到R1 2021年间我们开发工作的一部分,Angular 11的官方版本发布了(2020年11月11日)。从那时起,Angular的Kendo UI就有了零日支持,所有的新包都支持Angular 11。

放弃对Angular 6和7的支持

Angular 6和7在Angular框架的LTS之外已经有相当长一段时间了。事实上,Angular 7在2020年4月18日就从Angular的LTS中删除了。因此,在R1 2021年,我们正式放弃了对Angular 6和Angular 7的支持。开发者仍然可以访问Angular的Kendo UI的冻结版本@ng6而且@ng7安装时的标签。

新组件:DropDownTree

Angular DropDownTree的Kendo UI在下拉菜单组件的弹出窗口中提供了一个完整的树视图,让用户从分层数据显示中选择一个值。

新建组件:MultiColumnComboBox

Angular MultiColumnComboBox组件在下拉菜单元素的弹出框中提供一个表结构。这使得DropDown列表中的每一项在列结构中显示几个字段,以便用户更详细地查看他们需要选择的项。

新组件:TileLayout

Angular TileLayout组件的Kendo UI允许开发人员定义一个可以拖放的tile集合,以便重新排列tile的呈现顺序。每个贴图的内容都可以完全定制。

新组件:FloatingActionButton

由于移动和响应式web应用程序而普及角浮动动作按钮提供一个永久显示在应用程序中的某个位置的操作按钮。一个常见的用例是一个带有加号的按钮,用于向列表中添加项目或撰写新电子邮件。浮动动作按钮还具有快速拨号功能,允许在点击主按钮时出现多个附加按钮。

新组件:ExpansionPanel

Angular ExpansionPanel的剑道UI是一个以布局为重点的UI组件,它提供了一个内容区域,终端用户可以通过单击专用的标题展开或折叠内容区域。

新建组件:TextArea

Angular TextArea组件的Kendo UI在默认的HTML TextArea元素上扩展,为Angular UI组件提供与其他Kendo UI一致的观感,以及装饰等附加特性。

图表:更新的系列突出显示

R1 2021Angular图表库的Kendo UI收到一个更新,当系列悬停时如何突出显示,提供了一个更清晰的画面,哪个系列是当前的重点。

网格和树列表:响应式寻呼机

Angular Grid的Kendo UI和TreeList UI组件都已经更新了它们的内部分页组件,使其能够完全响应。

看到Angular Grid演示

看到Angular树列表演示

ListView:内置编辑,键盘导航和辅助支持

R1 2021Angular ListView的Kendo UI获得了内置的编辑项、键盘导航和可访问性更新支持,以确保与WCAG 2.0、WAI-ARIA和Section 508标准兼容。

TreeView:内置过滤

Angular TreeView组件的Kendo UI添加了一个内置的UX和底层API,以帮助在TreeView中搜索和筛选可用的数据项。

看到Angular TreeView过滤

编辑器:支持更多HTML元素和自定义模式

Angular编辑器的Kendo UI收到了对额外HTML元素的新增支持以及对自定义模式的支持,允许将自定义HTML元素添加到编辑器的内容区域。

日历和MultiViewCalendar:经典渲染

在最初发布的时候,Angular的Kendo UI包含了一个新的和更新的设计,这与jQuery的Kendo UI不同。对于需要同时支持两种开发类型的团队来说,围绕日历进行设计可能非常困难。R1 2021都日历而且MultiViewCalendars我们增加了一个标志,允许在“经典”渲染和当前更新的设计之间切换。

TimePicker和DateTimePicker:支持毫秒

R1 2021TimePickerDateTimePicker两者都支持输入和显示毫秒。

2020年R3(2020-09-16)

新组件:ListView

Angular ListView组件的新Kendo UI允许开发人员为数据列表中的每一项提供模板,同时提供内置的数据管理,如分页,以帮助用户在数据中导航。

新组件:AppBar

理想的主页导航,新Angular AppBar组件的Kendo UI是一个非常灵活的组件,可以包含文本、导航项、操作按钮等。

新组件:RangeSlider

扩展了Angular Slider的现有Kendo UI,Angular RangeSlider组件的新剑道UI通过操作处理程序来选择最小值和最大值,为用户提供了选择值范围的直观UX。

新组件:面包屑

添加到现有的Angular导航组件中,Angular面包屑组件的新剑道UI可以用大量的页面组织Angular应用,让用户快速导航到更高级别的页面。

新组件:Loader

Angular Loader Component的新的Kendo UI当Angular应用的特定部分需要展示某个进程在后台执行时,用户发生了什么事情时,它就会被实现。

新建组件:文本框

Angular文本框组件的新剑道UI通过使用Kendo UI样式对常规HTML输入进行样式化扩展,为有效和无效输入添加内置图标,以及在输入元素前后添加图标、文本等功能。

新组件:徽章

Badge组件是UI元素的一个小型状态描述符。Angular Badge Component的新剑道UI可以与其他Angular UI元素一起使用,也可以作为一个独立的组件使用。通过几个配置选项,Angular Badge可以包含文本、图标,或者只是一个填充的形状。此外,Angular Badge的Kendo UI提供了定位和对齐选项,并提供了几个内置形状供选择。

新组件:图标和SVGIcon

Angular Icon Component的新剑道UI为显示字体图标和SVG图标提供了一个独立的UI元素。这些组件有超过400个图标,感谢可用的剑道UI主题字体图标。

网格:单元格选择

随着新的Angular Grid的Kendo UI的单元格选择用户可以选择单个或多个单元格。这种选择可以通过单击单个单元格或将鼠标拖动到一个范围上选择多个单元格来完成。

各种组件:表单更新

为了确保Angular的Kendo UI遵循中提到的最佳实践Angular表单指南我们已经浏览了所有适用于Angular UI组件的Kendo UI,以确保它们的内置表单遵循这些指导方针。

2020 R2(2020-05-13)

形式的指导方针

构建表单不仅仅是以任意随机顺序向表单元素添加UI组件。我们已经把所有的知识和研究都汇集到Angular应用中构建表单的最佳实践中。这些指南可以应用于用通用HTML元素构建的表单,也可以应用于Angular组件的Kendo UI,它们应该对任何构建表单的人都很有用!

新组件:步进

Angular步进组件的新剑道UI为用户提供从开始到结束应按照逻辑顺序执行的步骤列表。该组件具有针对当前、未来和过去步骤的内置样式。有效和无效步骤也有内置样式。每个步骤的内容由开发人员定义,允许对步骤所呈现的整个过程进行完全控制。

新组件:外部掉落区域

外部掉落区域组件为最终用户提供了一个用户界面,可以将文件从他们的文件系统中拖放到Angular应用中。它可以作为一个组件,提供一个带有样式的UI元素来展示拖放区域,也可以作为一个指令,只添加拖放功能,而不添加额外的UI元素。

新组件:寻呼机

以前只有数据网格内部的集成组件,Angular Pager的独立的Kendo UI将允许任何Angular应用在更大的数据集之间进行分页,从而提供用户体验。该组件带有用于在页面之间来回导航、选择特定页面以及增加或减少页面大小的内置元素。

新增组件:标签

Angular Label组件的Kendo UI为Angular应用中的输入元素提供一个标签。除了标准标签场景外,该组件还允许设置可选标签。

新组件:FormField, Hint和Error

Angular FormField的Kendo UI组件,结合新的Angular Hint和Error组件,帮助构建Angular表单,并表示表单中的单个字段。FormField包含与单个字段相关的组件集合,如标签、输入、提示和表示该字段的错误消息。

TreeList RTM发布

作为R2 2020的一部分,Angular树列表的Kendo UI正式发布为RTM!这个版本包括虚拟化选择键盘导航可访问性合规

加载更多按钮

Angular TreeView的Kendo UI现在带有一个加载更多按钮.这个按钮在具有大量数据的节点中可用,让用户按块加载数据,页面大小(每次按下加载多少数据项)在配置选项中定义。

网格:保持详细信息行展开状态

Angular Grid的Kendo UI现在可以了持久保存详细信息行展开状态.这意味着在分页、排序、筛选和分组等数据操作期间,将保留详细信息行的展开或折叠状态。

上传:更新样式

R2 2020,Angular上传组件的Kendo UI有更新的设计。这专门更新了与上传的文件类型相对应的文件图标的外观。

会话UI:支持DialogFlow v2

Angular会话UI组件的Kendo UI更新了它的示例,展示了与DialogFlow的集成,更新示例以支持DialogFlow v2

2020年R1(2020-01-15)

新建组件:树列表

Angular树列表的Kendo UI将TreeView的分层布局与数据网格的列和表结构结合起来。这与Grid中的传统层次结构不同,因为TreeList中的数据是完全相同的,并且列在父行和子行之间对齐。

这个TreeList的初始版本包含许多从第一天起就可用的特性,包括数据绑定、分页、排序、过滤、编辑和导出到PDF和Excel等特性。还有许多特定于列的特性,如列的重排序和调整大小、虚拟列、冻结或锁定列,以及内置的列菜单。

新建组件:复选框

随着R1 2020的发布,Kendo UI团队整合了一个Angular指令,该指令可以应用于原生复选框HTML元素,创建Angular复选框的Kendo UI.这不仅提供了与你最喜欢的Kendo UI主题(Default、Bootstrap或Material等)相关的样式,还确保了这个复选框增强了Angular框架已经提供的开箱即用的功能。

新组件:单选按钮

Angular单选按钮指令的Kendo UI它有助于在所有使用针对Angular组件的Kendo UI编写的Angular应用中应用一致的样式。

新组件:Avatar

虚拟形象在今天的应用程序中代表了许多东西;社交媒体上的头像,信息平台上的聊天头,甚至是图标。使用Angular Avatar组件的Kendo UI开发人员可以通过设置图像、图标或使用首字母缩写(例如,在应用程序中添加一种流畅的方式来表示人或实体。“BW”以布鲁斯·韦恩为例)。这些项目的形状可以通过快速配置选项设置为正方形、圆形或一般的圆形。

新组件:卡

Angular Card小部件的Kendo UI是一个额外的布局元素,用于帮助开发人员设置漂亮而现代的应用程序设计。随着Bootstrap和Material Design的普及,这个布局组件可以单独使用,也可以作为其他组件的模板的一部分来创建引人注目的用户体验。作为实现的一部分,该组件提供了清晰和定义的部分,如标题和内容,以及通过按钮定义卡片动作的能力,可以自定义以满足您的交互需求。

新元件:Chip

Angular Chip组件的剑道UI涵盖了材料设计和移动应用设计中流行的元素风格。该组件由容器(通常采用“药丸”设计)、文本、可选图像和删除图标组成。这可以作为提供多个输入的组件的一部分,也可以作为列出可由最终用户选择的预定义选项的快速方法。

新组件:芯片列表

作为创建Angular Chip组件的一部分,Angular团队还介绍了Kendo UI芯片清单,这为开发人员提供了一种提供芯片列表的简便方法。该组件还提供了一个选择功能,允许开发人员轻松地维护当前选择的芯片集。

新建组件:文件选择

和Upload组件一样,Angular File Select组件的Kendo UI为最终用户提供从其本地计算机选择单个或多个文件的直观方法。File Select组件的独特之处在于,它允许开发人员完全控制上传文件的时间和方式。

FileSelect自带许多开箱即用的配置选项,但如果你需要对行为和观感进行一些额外的控制,该组件完全支持使用Angular框架模板的模板。同样,与所有以表单为目标的UI组件一样,FileSelect组件集成了Template和响应式表单!

更新组件:浮动标签

一个浮动标签在今天的网页设计中,输入元素几乎已经成为一个标准的方面。该组件已经存在于Angular的Kendo UI中TextBoxContainer,但很难找到,名字也不太直观。在R1 2020中,我们将组件重命名为浮动标签,更新实现,并将其提升为一个单独的组件,作为标签包中。虽然浮动标签已经存在于Angular组件本身的Kendo UI中,但这个独立的组件让开发人员能够在自己的输入元素中实现浮动标签,或者增强Angular UI组件的其他Kendo UI。

网格添加列虚拟化

用于Angular Grid的Kendo UI中的列虚拟化开发人员可以向Grid中添加尽可能多的列,而不必担心性能下降。将它与已有的行虚拟化结合起来,Angular数据网格就可以支持包含无数行和列的巨大数据集。

编辑器放弃Beta标签

R1 2020Angular编辑器的剑道UI增加了键盘导航和可访问性合规。这确保组件处于一个足够好的位置,可以去掉beta标记并正式进入RTM。

TreeView组件获得拖放

在这个版本中,Angular团队也加入了Kendo UIAngular树视图中的拖放功能!使用TreeView的新拖放功能,终端用户可以将节点拖到TreeView的其他区域,包括同一层次结构级别的项目,以及不同层次结构级别的节点。如果节点有任何子节点,它们也将随节点一起被拖动。如果您在同一个页面中有多个treeview,您甚至可以在两个不同组件之间拖放节点。

对上传组件的分块支持

上传文件时,传统的方法是取整个文件,从头到尾开始传输文件。不幸的是,这有点脆弱,因为网络连接可能会中断。这就是组块进来播放,将文件分解为更小的块(块),并按顺序上传这些块。通过这种方法,在网络连接恢复后可以很容易地恢复上传,还可以帮助暂停和恢复上传。有了R1 2020, Angular Kendo UI中的Upload组件现在支持对任何选定的文件进行分块了!

新的财务仪表板示例应用程序

新的金融应用程序来自Angular团队的Kendo UI为任何财务仪表板提供了一个很好的基础,或者只是为Angular开发人员的任何Kendo UI提供了一个额外的学习工具!这个华丽的应用程序展示了Angular图表的Kendo UI和数据网格之间的集成,以及Angular组件库的Kendo UI中提供的其他UI组件。源代码可在这个公共GitHub存储库

新的网格和图表集成示例应用程序

另一个示例应用是由Angular团队的Kendo UI组合而成,它突出了Angular数据网格和图表之间的集成点。该演示允许用户选择行,然后使用上下文菜单根据所选择的数据生成任何类型的图表。为了您的方便,新的示例驻留在这里,你可以找到源代码在这个GitHub存储库中

2019年R3(2019-09-18)

对Angular 8的支持

在R3 2019中,Angular组件的Kendo UI与Angular 8完全兼容。

新建组件:ProgressBar

有了新的ProgressBar组件,Angular开发人员可以很容易地展示任何类型的进度,以指示用户在某个过程中完成了多少,或者只是用来为Angular应用中的交互提供一个加载指示器。无论组件是由开发人员手动更新的,还是与不断更新的值绑定的,ProgressBar都会让用户知道他们已经完成了多少,以及接下来会发生什么。

新组件:Drawer

新的Drawer组件可以为任何新的或现有的应用程序快速设置导航。该组件提供了能够展开和折叠菜单的默认行为,提供了一个默认的汉堡包风格的按钮来切换展开,以及同时提供带有图标和文本的项目的能力。它甚至提供了一个“迷你”模式,如果你的导航不需要每个导航选项的完整描述,只需要使用定义的图标

新建组件:DateTimePicker

为了确保Angular的Kendo UI是Angular表单元素的首选库,我们将引入DateTimePicker组件。

调度器去掉Beta标签

Angular Scheduler的Kendo UI已经有了大量的版本和改进,但为了确保我们可以去掉beta标签,最后两件事是 键盘导航 和 可访问性,我们将关注这两件事,以确保Scheduler正式处于RTM阶段。

组件改进:网格

Grid为组标题添加了额外的选项,允许开发人员在分组时访问单个Grid列的聚合。这将允许单个列处理它们自己的聚合,包括count、sum、average等项。

组件改进:下拉菜单和虚拟化

我们已经讨论这个特性有一段时间了,但我们很高兴地说,用于Angular下拉菜单的Kendo UI的最新迭代已经内置了虚拟化!我们有这个功能已经有一段时间了,但是我们想强调这个重要的功能,因为它是在2019年R2和R3之间发布的。

组件改进:响应式工具栏

工具栏是一个组件,它不仅本身很有用,而且还是Angular编辑器Kendo UI的核心部分。有了新的响应功能,工具栏将适应可用的宽度,并提供原本隐藏在弹出菜单中的工具。

持续改进:编辑器

作为我们不断努力使Angular编辑器尽可能做到最好的一部分,我们将在接下来的几个月里添加 粘贴清理、 可访问性改进和 插入表对话框 等特性。

2019 R2(2019-05-15)

选择器组件

新的Angular ColorPicker让你提供下拉或展开的小部件,让你的用户在Angular应用中选择颜色。这可以通过为用户提供一个预定义的调色板来实现,或者提供一个渐变来为用户选择特定的颜色提供更大的灵活性。

调度程序增强

Kendo UI Angular Scheduler是我们最常用的组件之一,在R2 2019中我们添加了以下功能:

  • 调整大小事件-事件现在可以通过抓取事件底部的顶部和扩展或缩小事件来调整它们的大小。

拖放事件——与上面类似,拖放事件允许我们通过鼠标交互修改事件。用户现在可以将事件拖到不同的日期或时间段,以便在事件发生时进行更新。

  • 多日视图和工作周视图-虽然我们已经有了一些不同的Angular Scheduler视图一段时间了,但在最新的版本中,你可以自定义你想在一个视图中看到的天数。此外,我们还有一个工作周视图供您选择。
  • 导出至PDF-调度程序的内容现在可以导出到PDF与点击一个单一的按钮。
  • 当前时间-当用户点击调度程序中的“今天”按钮时,他们将自动被放置在当前的一天,当前时间指示器将显示为横过调度程序的一行。

编辑器的改进

Kendo UI Angular编辑器是我们从Kendo UI中提供的最新Angular UI组件之一。富文本编辑器是新的,而且它需要涵盖很多场景,这意味着我们需要向组件添加大量的特性。在这个版本中,我们已经涵盖了大部分的基础知识,包括添加到可用工具栏选项的以下工具:

  • 格式下拉菜单显示不同的格式
  • 插入图像对话框
  • 插入文件对话框
  • 下标和上标
  • 查看HTML选项卡
  • 字体选择器和字体大小选择器
  • 文本对齐和对齐内容
  • 清晰格式化按钮
  • 本地化
  • 从右向左(RTL)支持

WCAG 2.1支持

可访问性对于任何剑道UI产品来说都是非常重要和重要的,Angular也不例外。在R2 2019中,我们将介绍在使用Kendo UI Angular组件时如何确保遵从WCAG 2.1标准的文档和指南。因为我们的UI组件非常先进,所以我们总是会考虑哪些功能更容易访问或更不容易访问,所以这条指南应该有助于导航这些功能。

RxJS 6。x更新(2019-06-21)

这是一个删除依赖的服务更新rxjs-compat跨越所有包。因此,包不再与Angular 4和5兼容。

本次更新是作为一个主要版本.如果现有的项目指定了确切的版本、小版本范围(^x.y.z)或补丁版本范围(~x.y.z),那么它们应该不会受到影响。

更新说明

  1. 将你的项目更新到Angular 6或更高版本,参见更新角

  2. 更新到最新版本的所有进度包:

    npx npm-check-updates- u- f/ ^ @progress /
  3. 安装新的对等依赖:

    npm安装——保存@progress / kendo-angular-common @progress / kendo-angular-popup
  4. 移除对@progress / kendo-angular-resize-sensor,如有:

    npm卸载——保存@progress / kendo-angular-resize-sensor
  5. 移除对rxjs-compat,如果您的项目不再需要:

    npm卸载——保存rxjs-compat

组件的变化

个别包可能需要额外的步骤来更新。请审阅下面的列表。

按钮

  • 添加@angular/forms, @progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

对话界面

  • 添加@progress/kendo-angular-intl, @progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

图表

  • 添加@progress/kendo-angular-common和@progress/kendo-angular-pdf-export作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

日期的输入

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

对话框

  • 'action'的输出EventEmitter类型已从'any'更改为'DialogAction'
  • 动作选项输入类型已从'string'更改为'DialogAction[]'
  • 添加@progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

下拉

  • 添加@progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

编辑器

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

Excel导出

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

国际化

  • IntlService的自定义实现必须实现weekendRange方法
  • 回顾完整的更改日志了解更多细节。

仪表

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

网格

  • 添加@progress/kendo-angular-common和@progress/kendo-angular-pdf-export作为对等依赖项。
  • 已弃用的字段指数而且选择已从SelectionEvent
  • 回顾完整的更改日志了解更多细节。

输入

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

标签

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

布局

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

菜单

  • 添加@progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

通知

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

PDF导出

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

弹出

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

涟漪

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

调度器

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

可分类的

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

滚动视图

  • 添加@progress/kendo-angular-common作为对等依赖。
  • 回顾完整的更改日志了解更多细节。

工具栏

  • 新的对等依赖@progress/kendo-angular-buttons, @progress/kendo-angular-common和@progress/kendo-angular-popup。
  • 回顾完整的更改日志了解更多细节。

工具提示

  • 添加@progress/kendo-angular-common和@progress/kendo-angular-popup作为对等依赖项。
  • 回顾完整的更改日志了解更多细节。

上传

  • 焦点和模糊访问器被重命名为onFocus和onBlur。在模板中使用事件名称时不会更改。
  • 回顾完整的更改日志了解更多细节。

2019年R1(2019-01-16)

富文本编辑器

编辑器组件,作为测试版发布,为任何Angular应用提供了富文本编辑功能。最初,它附带了文本的基本格式,以及使用无序和有序列表的能力,以及其他一些用于编辑文本的功能。

调度程序组件

测试版的调度程序组件现已上线,并提供了完整的功能,包括:

网格的改进

Grid现在可以提供编辑时自动弹出通知

此外,无尽的滚动现在是用于滚动和分页数据的受支持模式。

主题选择器到达演示

演示和组件站点现在有一个主题选择器下拉菜单,可以查看页面上的所有可用主题。在每个主题之间切换将自动更新页面上的演示,以展示主题。

2018年R3(2018-09-12)

通知组件

通知组件为Angular开发者提供了一个可定制的弹出窗口,它可以出现在应用的任何地方。该组件附带了几种默认类型,以及模板功能,以扩展可以覆盖的场景数量。

图更新

随着R3 2018角图现在支持定义轴标签在图表中的位置的功能。

网格的特性

网格还增加了R3 2018的功能,即:

2018 R2(2018-05-16)

对话界面

作为帮助开发人员将认知行为添加到他们的应用程序的主动性的一部分,我们介绍会话UI(又名聊天机器人)组件R2 2018。

Angular 6支持

就在R2 2018正式发布日期之前,Angular团队放弃了Angular v6。当然,这意味着Angular的Kendo UI现在与版本6角

ng添加支持

ng添加是一个新命令,可以通过Angular CLI轻松地向Angular应用添加组件。在这个版本中,我们还添加了对使用ng添加命令Angular的Kendo UI

新组件

以下是R2 2018版本中新增的组件:

网格的特性

Grid还获得了一些新功能,包括:

PWA &电子

我们发布了这个版本渐进Web应用程序(PWAs)的示例项目和附带的文档资源

我们还想介绍一些希望与Electron合作,使用Kendo UI创建跨平台桌面应用程序的开发人员。下面是一个示例应用程序和文档用剑道UI构建电子应用程序

2018年R1(2018-01-17)

Angular 5支持

在2017年R3和2018年R1之间。x正式放弃了,作为我们继续支持Angular的一部分,我们确保我们的所有组件都能与Angular 5.x.x一起工作。

新组件

R1 2018为Angular应用带来了一整套全新的组件,即:

网格的特性

作为该套件中最重要的组件之一,我们继续为Angular Grid添加新特性。R1 2018我们增加了以下功能:

表单组件

继续扩展我们的表单元素的功能,多选择组件现在支持一个摘要标签以及自定义值

2017年R3(2017-09-13)

材料主题的初始支持

R3 2017增加了第一个实现剑道UI组件的材质主题.虽然不是所有组件都可以设置样式,但有相当多的组件可以利用这个新主题。

作为我们对Material的支持的一部分,我们决定不只是样式化组件,而是把它带到下一个层次。考虑到这一点,我们还引入了一个新的组件,涟漪以确保开发人员可以利用Material的这个视觉方面贯穿他们所有的UI组件,而不仅仅是剑道UI元素。

网格的特性

在这次发布中,Grid获得了很多关注,添加了多个新特性:

新组件

我们还向套件中引入了一些新组件,包括:

PDF导出

Kendo UI的jQuery版本中最流行的框架项目之一是能够将组件和通用HTML导出为PDF。考虑到这一点,我们引入了PDF导出功能这个版本是Angular的Kendo UI。

2017 R2(2017-05-03)

这是Angular的Kendo UI的第一个正式版本。当前包的所有版本都设置为v1.0.0.未来的版本将遵循语义版本规则

RC.1(2017-04-21)

RC.1是面向Angular的Kendo UI的第二个候选版本,也是最后一个预发布版本。它包括对主要组件的实质性改进和新特性、对Angular 4的支持、Bootstrap 4主题(beta)、对从右向左的语言和本地化的支持。

Angular 4支持

所有用于Angular包的Kendo UI都与Angular 4兼容。我们建议升级到Angular 4,因为它是一个长期支持版本还有18个月呢

Angular 2怎么样?

如果你不能升级到Angular 4,你可以用@ng2标签。

npm安装——保存@progress / kendo-angular-grid@ng2

如果你在将项目升级到Angular 4时遇到了任何问题,请检查GitHub issue #469

新的网格功能

Grid是整个UI套件中使用最频繁的组件。考虑到这一点,它是我们RC.1开发工作的主要焦点。自RC.0以来引入的特性有:

如果您正在迁移一个现有的ASP。NET MVCproject, you can reuse the existing data services. For more information, check the各自的帮助文章

表单组件

虽然Grid是任何CRUD场景的必需品和框架,但表单组件是允许用户与数据交互的组件。为了方便,RC.1包含DateInput日历,DatePicker组件。

剑道UI默认主题还包括样式选项内置的浏览器表单元素输入文本区域,以及其他)。

引导4主题

新的Bootstrap 4主题允许Angular的Kendo UI融入并补充基本的Bootstrap 4组件。的新的Sass主题构建器允许你在视觉上进行调整主题使用的自定义变量并实时查看它们如何影响组件的外观。

DataViz

除了大量的图表系列类型,图表包现在包含SparklineStockChart组件。

RTL和本地化

Angular的Kendo UI允许通过Angular i18n框架或通过消息属性.对RTL的支持是可通过RTL提供程序获得

RC.0(2017-01-18)

RC版本的目标是做好生产准备,这意味着我们不打算在之后发布公共API的重大破坏性更改。就像Angular一样,组件包将遵循语义版本规范

在这个版本中,我们最优先考虑的是框架特性的全面覆盖:

除此之外,我们还发布了4个新组件:

网格现在支持编辑而且分组

Beta.0(2016-09-14)

为Angular发布的Kendo UI的最初版本为我们的产品愿景奠定了基础,并明确了我们的愿景。在Angular团队宣布Angular 2最终发布的同一天,我们发布了15个基本的UI组件,这些组件是为Angular 2从头开始构建的。

该版本包含了构建现代业务线UI的许多必要要素:

博客:发布Angular 2 (R3 2016)的剑道UI

在本文中

找不到你需要的帮助?

Baidu
map