【问题标题】:Ag grid Filter Icon disappears after fetching dataAg网格过滤器图标在获取数据后消失
【发布时间】:2017-11-03 13:54:47
【问题描述】:

我正在为 Angular 2 使用 Ag Grid。

在尝试过滤时,在获取数据后,过滤器图标未显示在列的网格标题中。

在此行执行之前一直显示图标:

self.gridOptions.api.setRowData(self.rowData);

如果我从 html 中删除隐藏广告,那么图标就会显示出来。 不知道后台发生了什么。

如果需要,我可以发布我的代码。

图标 HTML:

<span ref="eFilter" class="ag-header-icon ag-filter-icon ag-hidden" aria-hidden="true"><span class="ag-icon ag-icon-filter"></span></span>

【问题讨论】:

  • 当您将鼠标悬停在列标题时,会出现汉堡图标吗?
  • 是的。汉堡图标出现
  • 如果你想在列标题下有一个输入字段+过滤器图标,gridOptions = {floatingFilter: true}这里有更多示例:ag-grid.com/javascript-grid-filtering
  • 过滤器工作正常,问题是一旦加载数据,标题文本附近的过滤器图标就会被隐藏

标签: javascript angular ag-grid


【解决方案1】:

这里的问题,根据这一行:

self.gridOptions.api.setRowData(self.rowData);

是不是又在网格里设置数据了……

如果将数据设置到网格中,则将网格的整个状态重置为 0。

然后您可以收听此事件,并恢复任何以前的过滤器。

【讨论】:

    猜你喜欢
    • 2017-01-14
    • 1970-01-01
    • 2020-10-04
    • 2018-12-08
    • 2012-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多