介绍 InfraJS Ignite UI for Angular 11.1 的新功能

2021年2月，InfraジスティックスはIgnite UI for Angularの11.1バージョンを発表しました。

在本文中，我想介绍和介绍Ignite UI for Angular 11.1的新功能和变更。

全新功能

IgxGrid、IgxTreeGrid、IgxHierarchicalGrid- formatter的适用后的字符串现在可以通过过滤器进行筛选。

过去，我们无法对应用格式化后的字符串进行过滤，并且经常收到关于此问题的咨询。但是，通过使用Ignite UI for Angular 11.1中的FormattedValuesFilteringStrategy，可以对应用格式化后的字符串进行过滤。

KB文章：[Ignite UI for Angular 11.1 新功能] IgxGrid 对于格式化的值进行过滤。

IgxTreeGrid – 子行的选择现在也可以通过父行的选择进行级联了

KB文章：[Angular 11.1的Ignite UI新功能] 对于IgxGrid中的格式化值进行过滤。

IgxSplitter – 已添加了与面板调整大小相关的事件。

KB文章：[Ignite UI for Angular 11.1 新功能] 在igxSplitter中添加了与调整大小相关的事件（resizeStart/resizing/resizeEnd）。

现在，您可以在IgxDropDown – igx-drop-down-item中嵌入igxPrefix、igxSuffix和igx-divider。

KB文章：[Ignite UI for Angular 11.1新增功能] 通过igxPrefix、igxSuffix、igx-divider将igx-drop-down-item嵌入。

修改点

当使用UI对IgxGrid、IgxTreeGrid和IgxHierarchicalGrid进行列固定、列移动和分页操作时，编辑中的值将被丢弃。

在进行IgxGrid、IgxTreeGrid、IgxHierarchicalGrid的编辑过程中，进行列固定、列移动和分页操作时，在以前的版本中，编辑中的值会被提交保存。但是在Ignite UI for Angular 11.1中，编辑中的值被改为会返回原样。

KB文章：[Ignite UI for Angular 11.1的更改] 当在IgxGrid、IgxTreeGrid和IgxHierarchicalGrid中进行编辑并进行列固定、列移动和分页时，编辑中的值将被更改为原始值。

IgxGrid、IgxTreeGrid、IgxHierarchicalGrid – 即使从UI上进行列宽调整，正在编辑的单元格也无法退出编辑模式。

在 IgxGrid、IgxTreeGrid 和 IgxHierarchicalGrid 中，现在可以保持编辑模式在调整列大小时。如果想要像以前的版本那样退出编辑模式，则可以在 onColumnResized 事件中调用 endEdit() 方法。

KB文章：[Ignite UI for Angular 11.1 变动] IgxGrid, IgxTreeGrid, IgxHierarchicalGrid：关于列调整大小时的编辑模式

在开始于”on”的许多事件中，事件名称已经被更改。

请执行”ng update igniteui-angular” 或者 “ng update igniteui-angular –migrate-only”，这样可以批量更新事件名称，这些事件名称通常以”on”开头，现在被更改为去掉了前缀的”xxxYyy”。

最后

我们在这里提到了以上、Ignite UI for Angular 11.1 的一些主要新功能和更改内容。您可以在这里找到所有的新功能和更改内容。

如果您有任何問題疑慮，請隨時與英菲思迪集團聯繫。

欢迎您的咨询，请随时联系我们。