技术文章

在过去的几个月里，我们一直忙于为您开发很酷的新功能和组件，它们都集中在 Ultimate 22.2 版本中，并且支持 Angular  14。让我们看看我们为您准备了哪些新好东西。

除了适用于 Angular 22.2 的 Ignite UI 之外，我很高兴地宣布，今天我们将在最新的 Ignite UI 22.2 版本中提供大量 UI/UX 升级。为了扩展您最喜欢的 UI 库，我们现在添加了更多组件和功能、更好的控件、跨 Blazor、Angular 和 Web 组件的全新数据网格、通过 App Builder 改进的代码生成功能、Figma 设计工具支持等等。

无论您是想设计和构建现代 Web 应用程序、用更好的所见即所得低代码应用程序构建体验替换旧版应用程序，还是只想从功能更齐全的开发堆栈开始，Ignite UI 22.2 产品版本现已推出。

让我们深入了解一下最新的调整，这些调整可加速您的整体开发流程，并使您能够在项目中提供强大、一致且可访问的 UI。

点燃 Angular 的 UI

查询生成器

Ignite UI 查询生成器 组件提供了一种通过 UI 构建复杂查询的方法。通过指定 AND/OR 运算符、条件和值，用户创建描述查询的表达式树。

透视网格导出到 Excel

Excel Exporter 服务可以将数据从 IgxPivotGrid 导出到 Excel。数据导出功能封装在  类中。要触发该过程，您需要调用 的  方法并将 IgxPivotGrid 组件作为第一个参数传递。IgxExcelExporterServiceIgxExcelExporterServiceexport

Angular 网格验证器服务

网格的编辑公开了编辑单元格/行时用户输入的内置验证机制。它扩展了 Angular Form 验证功能，以便更轻松地与众所周知的功能集成。当编辑器的状态发生变化时，视觉指示器将应用于已编辑的单元格。Angular 网格验证器服务附带以下开箱即用的支持验证器：

• 必需的

• 分钟

• 最大限度

• 电子邮件

• 最小长度

• 最长长度

• 图案

Angular Pivot 网格状态持久性

igxGridState 指令允许开发人员轻松保存和恢复网格状态。当该 IgxGridState 指令应用于网格时，它公开了  开发人员可以用来在任何场景下实现状态持久性的 getState 和 方法。 指令支持保存和恢复以下功能的状态：setStateIgxGridState

• Sorting

• Filtering

• Cell Selection

• Row Selection

• Column Selection

• Expansion

• Pivot Configuration

• 由接口定义的透视配置属性 IPivotConfiguration 。

• 使用应用程序级代码恢复数据透视维度和值函数，请参阅 恢复数据透视配置 部分。

• 透视行和列策略也可以使用应用程序级代码来恢复，请参阅 恢复透视策略 部分。

角度枢轴网格过滤表达式

所有维度（过滤器、行、列）都可以通过芯片 UI 或 API 进行过滤。默认情况下嵌入并启用此功能。

Angular Pivot Grid 聚合方法标签

值配置需要与所提供的字段相匹配 ，或者它可以为更复杂的自定义场景定义自定义函数。根据数据字段的数据类型，可以使用 4 种现成的预定义聚合： member  data aggregator 

• IgxPivotNumericAggregate - 对于数字字段。包含以下聚合函数：、、、、。 SUM AVG MIN MAX COUNT

• IgxPivotDateAggregate - 对于日期字段。包含以下聚合函数：、、。 LATEST EARLIEST COUNT

• IgxPivotTimeAggregate - 对于时间字段。包含以下聚合函数：、、。 LATEST EARLIEST COUNT

• IgxPivotAggregate - 对于任何其他数据类型。这是基础聚合。包含以下聚合函数：. COUNT

Angular 选项卡 UI 更新

Angular Combo 更新 - 过滤策略、过滤多个字段的能力和新的“searchKey”输入

现在，Angular Combo 组件有一个“searchKey”输入，可以使用数据键进行搜索或过滤。 

支持 Angular 14.0

Angular Grid 自动调整大小性能改进