如何将 ag-grid-community 从版本 20.1.0 更新到 24.1.0？

Posted 2023-03-28

【中文标题】如何将 ag-grid-community 从版本 20.1.0 更新到 24.1.0？

【英文标题】：How to update ag-grid-community from version 20.1.0 to 24.1.0?

【发布时间】：2021-06-15 11:50:47

【问题描述】：

也就是说，我面临以下几个错误，但是当我尝试从 AgGrid 文档中查找时，这些属性在哪里找不到...它们甚至没有在更改日志中提及以弃用...

首先，我得到了这些编译错误

错误：无法绑定到“enableSorting”，因为它不是“ag-grid-angular”的已知属性。

错误：无法绑定到“enableSorting”，因为它不是“ag-grid-angular”的已知属性。

错误：无法绑定到“enableColResize”，因为它不是“ag-grid-angular”的已知属性。

// these 3 bindings are gone? I see no mentioned of them in change log, are they even on by default now?
<ag-grid-angular [enableSorting]="true" [enableFilter]="true" [enableColResize]="true">

其次，这些不在ag-grid-angular 的GridOptions 定义中，同样我在他们的文档中也找不到它们！！！

抑制Tabbing 启用排序 启用ServerSideSorting 启用ServerSideFilter

你们中的一些人经历过的通常迁移方法是什么？请赐教。

【参考方案1】：

现在可以通过列定义启用排序和过滤。所以类型定义会在ColDef而不是GridOptions中找到。

请参阅以下ColDef 定义。

如果您想对列启用排序/过滤/调整大小，只需添加如下属性：

 field:'athlete', sortable:true, filter:true, resizable:true 

请查看documentation on this here。

【讨论】：

suppressTabbing 呢？

要在当前版本的 ag-grid 中抑制键盘事件，您可以通过实现回调 suppressKeyboardEvent 来实现，请参阅相关文档：ag-grid.com/javascript-grid/keyboard-navigation/…