问题标签 [ag-grid-angular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
301 浏览

ag-grid - 在固定行中设置组标签

我正在研究 ag-grid 应用程序,我想在其中显示多个计算行(类似于“总计”行,但使用自定义公式)。我没有找到比使用固定行更好的方法。问题是,当网格应用了分组时,我找不到一种方法来设置固定行中的空“分组”单元格的值,该单元格将用作度量标签。

是我想要实现的目标。

我知道固定行不支持分组,但在这种情况下,固定行不分组 - 与实际网格相反。

我试图通过单元格格式化程序/渲染器以及不同的数据绑定来做到这一点,但到目前为止没有运气。

0 投票
3 回答
3921 浏览

angular - 直到交互才创建 AgGrid 自定义过滤器

我的网格中的列上有一个自定义过滤器组件。我注意到在单击列标题中的过滤器图标之前,不会构建过滤器组件。这意味着数据不会根据我的默认设置进行过滤(例如,过滤掉 where 的记录status == StatusEnum.Complete)。

作为一种解决方法,我发现我可以onGridReady通过调用在事件中获取一个过滤器实例api.getFilterInstance('status'),这会导致创建过滤器组件,从而应用默认过滤。

这种解决方法似乎有点笨拙。该filter变量在事件中未使用onGridReady,这会导致 IDE / build 中出现警告。另一个开发人员可能会过来删除这行代码,认为这是不必要的。

是否有更好的方法可以在创建网格时强制实例化我的自定义过滤器?我正在使用 AgGrid 17.1 和 Angular 4.4。

网格配置如下:

我已经设置了一个示例来演示该问题。注意第 63 行的“hack” app.component.ts

0 投票
0 回答
222 浏览

javascript - AG-Grid:在过滤器菜单上关闭

希望跟踪“列菜单”>“过滤器菜单”弹出窗口何时被解除...在执行此操作的网格事件、上下文菜单或过滤器中找不到任何信息。

基本上在寻找类似的东西

我需要在关闭时将过滤器重置为当前应用的内容。

所以,我正在尝试做的并且我已经准备好的(一切都减去 on dismiss)是:

  1. 获取当前应用的过滤器(如果有)并放入变量中
  2. 如果用户单击过滤器菜单并更改过滤器,但取消或单击 bg(关闭菜单)在菜单关闭时重新应用变量中的过滤器。

发生的情况是,当用户更改过滤器但未应用它并关闭菜单...并重新打开它时,他们认为已应用显示的过滤器已选中,但未单击应用。

我看过的有用链接:

使用 Angular 7、打字稿和 ag-grid 企业。

0 投票
2 回答
1481 浏览

ag-grid-angular - 我无法调用 onCellValueChanged 事件

我在角度 7 上测试 ag-grid。我想做的一件事是检测网格中的单元格变化,但我无法触发 onCellValueChanged()。我只是在 js 和 angular 中迈出第一步,所以也许这是一个愚蠢的问题。谢谢

我在 app.component.html 中的网格定义:

我的 app.component.ts:

0 投票
3 回答
7256 浏览

javascript - 角度滚动条中的 ag-grid 不起作用

我给了 1000 行和 50 列。这里一切正常。

但它垂直滚动不滚动,水平滚动不显示

如何修复是?

HTML

屏幕

在此处输入图像描述

0 投票
0 回答
883 浏览

ag-grid - 具有复杂对象的异步选项的 ag-grid 集过滤器

我正在使用无限的 rowModelType 并且每次用户更改过滤器时都会清除并加载新数据。

我的数据中有一个字段,它是一个名为 status 的复杂对象,具有 id 和 name 属性。我正在尝试为 set 过滤器加载异步属性,但得到了一些奇怪的结果。这是我的coldef:

设置过滤器显示正确,列也显示正确,例如状态名称同时显示,但是当我单击以取消选择过滤器中的一个项目时,它会取消选择全部。

我了解设置过滤器吗?我可以使用它并做我的过滤服务器端吗?我不想做任何客户端比较器等。

0 投票
1 回答
875 浏览

angular - 如何修复 ag-grid 表的响应性?

我在 Angular6 项目中使用 Ag-grid。我正面临 ag-grid 表响应能力的问题。当我最小化浏览器但它没有显示任何滚动时。最大列消失。但是当这些代码运行到 Plunker 时,它显示出响应能力。我无法确定问题所在。

我正在使用这些 ag-grid 版本:
“ag-grid”:“^18.1.2”、
“ag-grid-angular”:“^18.1.0”、
“ag-grid-community”:“^19.0.0 ",
"ag-grid-enterprise": "^19.0.0",

// 我的 ts 文件

//我的html文件

0 投票
2 回答
8779 浏览

angular - 如何使用 ag-grid 导出到具有 Angular 6 的大数据(50,000 行)的 excel 功能(内存不足错误)?

我目前正在使用 angular 6 和 50,000 行大数据的 ag-grid 中的导出到 excel 功能?

当我有较少的数据 1000 条记录时,我可以轻松下载文件(<1 秒),但是当我将数据增加到 50000 行时,我的 Web 浏览器变得无响应,并且我收到 chrome 错误“出现问题”后尽管。我的代码是


使用大约 1000 行的网格数据,这工作得很好,我可以在大约 1 秒内将文件下载到浏览器中,但是当我将数据增加到 50000 行时,我的浏览器变得无响应。

0 投票
0 回答
175 浏览

angular - ag网格中的列跨越导出的excel

我一直在尝试在 ag 网格中实现导出到 excel 功能

在 ag-grid 中,对于特定场景,我正在为 13 列执行 colSpan 并在其余 2 列中显示数据。我可以使用 processcellCallBack 在列中显示自定义数据。但是,当我导出到 excel 时,导出的 excel 中不会维护 colSpan,并且自定义数据会在所有 13 列中重复显示。

我尝试使用 ColumKeys 但似乎不能有条件地使用

任何帮助将不胜感激。提前致谢。

代码快照

Excel 结果

0 投票
0 回答
1648 浏览

angular - 使用Angular 7在IE11中根本没有加载ag-grid

我的 ag-grid 在所有其他浏览器中都可以正常工作,但是当我用 IE 打开它时,它根本不会加载。控制台中不显示任何错误消息。请注意,Angular 应用程序的其余部分加载得很好,而不是ag-grid-angular组件`

包.json

polyfill.ts

我的组件模板(为简洁起见,请假设我正在传递一个gridOptions填充了数据的有效对象)