过滤器为空时如何显示叠加文本

Question

当用户尝试过滤任何列时，我需要显示没有找到结果的消息。

有没有办法在AG-Grid中实现它？

[noRowsOverlayComponent]="noRowsOverlayComponent"

在此处查找示例。尝试为任何列输入任何不正确的值。

http://plnkr.co/edit/FPiWCCBVs6UFHuVNa69b?p=preview

Answer 1

我认为你想在网格中没有记录时显示NoRowsOverlay。

检查我创建的这个插件： ag-grid Custom Overlay Components - when there are no rows to display 。
打开此Plunk并尝试使用zzz字符串过滤第一列。当网格中没有记录时，您会看到它正常运行。

如何：

一种方式（我认为很多 - 这是在ag-grid的onModelUpdated事件内执行此操作。
触发此事件时，请检查网格中是否有rowsToDisplay。根据具体情况，您可以决定是否要显示叠加。

onModelUpdated($event){
  if(this.gridApi && this.gridApi.rowModel.rowsToDisplay.length == 0) {
    this.gridApi.showNoRowsOverlay();
  }
  if(this.gridApi && this.gridApi.rowModel.rowsToDisplay.length > 0) {
    this.gridApi.hideOverlay();
  }
}