如何在过滤器为空时显示覆盖文本

Question

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

在AG-Grid中有什么办法可以实现吗？

[noRowsOverlayComponent]="noRowsOverlayComponent"

在这里找到示例。尝试为任何列输入任何不正确的值。

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

Answer 1

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

检查我创建的这个 plunk：ag-grid 自定义覆盖组件 - 当没有要显示的行时。
打开这个 Plunk 并尝试用zzz字符串过滤第一列。当网格中没有记录时，您会看到它正在运行。

如何：

一种方法（我认为是多种方法中的一种）是在ag-gridonModelUpdated的内部事件中执行此操作。 当这个事件被触发时，检查网格中是否有。根据这一点，您可以决定是否要显示叠加。
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();
  }
}