今天的 Ignite UI for Web Components 22.2 版本包括五个全新的组件，例如 Accordion、DateTime Input、Dialog、Select 和 Tabs 组件。 以及全新的现代数据网格和树形网格，具有市场上所有Web 组件网格的最多功能和最佳性能。有了如此大规模的发布，您可能认为我们就此止步，但我们没有。我们还对市场领先的数据可视化图表进行了大量改进。

是时候全面了解我们在今天的 Ignite UI for Web Components 22.2 版本中发布的所有出色的新组件和功能了。

新的 Web 组件数据网格

新的数据网格组件用于快速、轻松地以表格格式显示数据。数据网格是一个现代网格组件，包含数据编辑、选择、过滤、排序、分组、固定、分页、模板、列移动、导出等功能。与我们在 Ignite UI for Web Components 中发布的以前的网格相比，新的数据网格具有更多的功能、更丰富的 API 和内置的主题。

最重要的部分是我们正在创建一个全新的数据网格，它将取代现有的 Web 组件数据网格。这意味着，如果您使用的是以前的 Web 组件数据网格，则需要使用这个全新的数据网格更新旧网格。

辞旧迎新！

Web 组件树状网格

Tree Grid 组件用于以表格格式可视化多列自引用分层数据。Tree Grid 构建在我们现有的 Data Grid 组件之上，继承了 Data Grid 的所有强大功能，提供熟悉的 API 和无缝的编辑、筛选、排序、摘要等开发体验。

Web Components Accordion

Web Components Accordion 是一个用于构建组件集合的组件，由垂直堆叠的面板组成，带有可点击的标题，允许展开和折叠面板。Accordion 通常用于减少在单个页面上滚动多个内容部分的需要。它提供键盘导航和 API 来控制底层面板的展开状态。

Web 组件数据时间输入

Web Components DateTime Input 的 Ignite UI 允许用户在选定的输入元素中设置和编辑日期和时间。用户可以使用可编辑的屏蔽输入来编辑日期和时间部分。此外，可以指定所需的显示和输入格式，以及最小值和最大值以利用验证。

Web 组件对话框

Web Components Dialog 组件用于显示警报、消息、问题、确认决定或呈现表单以收集用户的输入。Dialog 组件打开一个位于应用程序内容顶部居中的对话窗口。Dialog 组件以两种不同的模式打开：模态和非模态。模态对话框会阻止与对话框外部和对话框覆盖层后面的内容进行交互。非模态对话框允许用户与对话框之外的内容以及对话框覆盖层后面的内容进行交互，这将自动关闭对话框。

Web 组件选择

Web Components Select 组件允许从下拉列表中的项目列表中进行单一选择。此表单控件提供基于单个或多个字符匹配的快速项目列表导航，包括选择。Select 组件提供了定义自定义页眉和页脚以及对所选项目进行分组的功能。

Web 组件选项卡

Web Components Tabs 组件将内容组织到单独的视图（选项卡）中，一次只能显示一个视图（选项卡）。每个选项卡都有一个标签，显示在选项卡的标题中。更改选项卡是通过单击选项卡的标题来完成的。当标头的数量超过屏幕的宽度时，显示一组水平滚动按钮可将其他选项卡标题滚动到视图中。

图表改进

我们的最后一个 22.1 是图表的重要版本。我们对默认行为进行了重大改进，并继续完善类别图表 API 以使其更易于使用。在 22.2 中，我们在类别图表的功能上实现了又一次巨大飞跃，提供了惊人的新功能，继续使 Infragistics 图表成为市场上最强大和最易于使用的图表！这些新的图表改进包括：

• 基于浏览器/屏幕大小的水平标签旋转的自动响应布局。

• 自动十字准线、动画和 Y 轴标签和标签格式。

• 增强了所有平台上圆形标签的渲染。

• 用于分组、排序和汇总类别字符串和数值的新 API，无需预先聚合或计算图表数据。

数据可视化和数据分析是每个应用程序的重要补充，借助 22.2，您可以在应用程序中获得出色的交互式体验。

让我们把这个宝贝做到更优！

如果您对我们应该为我们的组件带来的新功能、我们需要修复的重要问题，或者您希望我们引入的全新组件有任何想法，请联系我们的在线客服。   

当您确实使用我们的控件构建了一些很酷的东西时，请确保让我们知道。