【问题标题】:Buttons under Filter not appearing in Ag-Grid过滤器下的按钮未出现在 Ag-Grid 中
【发布时间】:2020-10-18 15:19:44
【问题描述】:

编辑Here's a plunkr of my issue

Ag-Grid 提供了在提供的过滤器下设置 4 个按钮的选项。这些是应用、清除、重置和取消按钮。 Here is an example 。我正在尝试在提供的数字过滤器上显示 ApplyReset 按钮,但没有显示。过滤器工作正常,但没有出现按钮。

这是我的列定义:

filter: 'agNumberColumnFilter',
filterParams: {
    buttons: ['apply', 'reset']
},

这就是它的外观。没有显示按钮

NB:我正在使用 Ag-Grid 23.0.0 社区版和 Angular 9

【问题讨论】:

  • 请分享一个例子,一个plunker或类似的东西..
  • 我会添加并更新帖子
  • 您的问题示例与您添加的工作示例之间的区别在于 index.html 文件。如果您将两个变量:systemJsMap、systemJsPaths 从工作示例复制到您的问题示例(将其粘贴到 index.html - 覆盖那里的变量),它将起作用。因此,据我了解,您的文件在那里。尝试找出这两个字段之间的确切差异。
  • 我正在使用 Angular + 打字稿。 ag-grid 中提供的 plunkr 示例似乎正在使用 systemJs,因此我对其进行了修改以显示我的问题。我注意到它在 23.2 中工作,但在我正在使用的 23.0 中没有。我想我正在使用的版本导致了问题

标签: ag-grid ag-grid-angular


【解决方案1】:

我已经更新到最新版本 “ag-grid-angular”:“^23.2.1”, “ag-grid-community”:“^23.2.1”, "ag-grid-enterprise": "^23.2.1",

现在它适用于 Angular 9 和 TS

【讨论】:

  • 这些按钮是在我升级 ag-grid 版本后出现的。所以,我猜是版本问题(没有任何进一步的证据)
  • 感谢您的跟进,我在 angular 8 版本 ^22 上也遇到了这个问题。哎呀,我想要我的时间回来! :D 你有没有在github.com/ag-grid/ag-grid/issues 某处发现这个问题?
  • 使用 ^21 和 angular 9 版本也无法使用过滤器按钮,需要更新到 ^23.2.1 才能使用
  • 感谢您的解决方案。更新后css在我结束时更改。任何建议!
猜你喜欢
  • 2019-03-05
  • 2019-04-20
  • 2018-02-06
  • 1970-01-01
  • 1970-01-01
  • 2020-06-12
  • 2019-07-28
  • 2016-06-15
  • 2020-07-15
相关资源
最近更新 更多