在带有 Angular 6 的 ag-Grid 18.0 中的 cellValueChanged 事件之后设置对已编辑列的排序

Posted

技术标签:

【中文标题】在带有 Angular 6 的 ag-Grid 18.0 中的 cellValueChanged 事件之后设置对已编辑列的排序【英文标题】:Set the sorting on an edited column after cellValueChanged event in ag-Grid 18.0 with Angular 6 【发布时间】:2019-07-23 05:22:11 【问题描述】:

默认情况下,我已将排序设置为特定列的升序,例如“Start_date”,其中包含 dd/mm/yyyy 中的日期。在更新单元格值之前,该列按日期升序排序。对“Start_date”列的任何单元格值进行更新后,行位置不会根据列上设置的排序更改,并且行保持在其现有位置。列名上仍然可以看到排序箭头。 cellValueChanged事件后如何实现排序?

【问题讨论】:

【参考方案1】:

您应该在 cellValueChangedEvent 上调用 onSortChanged() 方法,以便网格重新应用

this.gridApi.onSortChanged()

【讨论】:

如果我们应用一些过滤器,这将不起作用,所以我尝试使用 this.gridApi.onFilterChanged();在 this.gridApi.onSortChanged() 之前;它奏效了,那么这是一个正确的方法吗?

以上是关于在带有 Angular 6 的 ag-Grid 18.0 中的 cellValueChanged 事件之后设置对已编辑列的排序的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular 6 中将 ag-grid 从版本 18.1.0 更新到 20.1.0?

如何在 Angular 6 中将工具提示文本包装在 ag-grid [关闭]

具有 Angular 6 导出功能的 ag-grid 20

如何在 ag-grid 中为 Angular 2 进行分页

在 SharePoint 框架 (SPFX) / Angular 中使用 ag-Grid - 样式失败

Angular 6 ag-grid 单元格渲染器单击功能