Question

我正在使用以下ag-grid依赖项：

"dependencies": {
   "ag-grid-angular": "19.1.2",
   "ag-grid-community": "19.1.4",
   "ag-grid-enterprise": "19.1.4",
}
//angular version: 7.1.3

升级到ag-grid的版本19后，ag-grid-angular属性columnDefs的更新不再导致UI中组件的更新。在版本18中，可以更改例如列定义的宽度并再次设置columDefs属性，这立即导致UI中宽度的更新。在版本19中，此功能不再起作用。

通过将以下代码添加到包含ag-grid-angular组件的角度组件的构造函数或OnInit方法中，可以轻松地重现该行为（字段columnDefs绑定到ag-grid-columDefs属性）角度分量）：

columnDefs = [];

constructor() {
   setTimeout(() => {
     this.columnDefs = this.columnDefs.map((cd: ColDef) => {
       cd.headerName = 'foo';
       cd.width = 50;
       return cd;
     })
    .filter(cd => cd.colId !== 'anyKnownColId');

   }, 5000);
}

此代码段应导致标题名称以及所有列宽度的更新（5秒后）。此外，应删除带有colId“ anyKnownColId”的列。但是只有后者可以在版本19中使用。在版本18中，所有三个修改都可以很好地工作。

不再支持此机制吗？有新的方法吗？

ag-grid V19更新columnDefs属性不会更新UI中的网格

0 个答案: