问题标签 [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 投票
0 回答
422 浏览

ag-grid - Angular ag-Grid - onSortChanged - 停止数据源请求

我将 ag-grid 与 rowModelType: 'infinite' 一起使用

当我请求排序、过滤或更改页面时,系统运行数据源的getRows

在运行 getRows 并停止执行之前,我需要检查排序请求(或过滤器)。

0 投票
1 回答
4700 浏览

angular - Ag-grid Angular 6,服务器端无限滚动但每次都从数据库中获取数据,不要一次通过api加载整个查询

我正在尝试在角度 6 的 ag 网格中实现服务器端分页或服务器端无限滚动。

https://www.ag-grid.com/javascript-grid-infinite-scrolling/

但是当我们在 ag-grid 中滚动时,我没有在网络选项卡中看到 API 调用,因此这意味着它不会一次又一次地调用 API 来获取行集,

但根据我的要求,我需要回调 API 以检索前 100 行,当我们滚动时 -> 下一个 100 等等,

因此,我想将参数作为 startRow 和 endRow 传递给 API,以从DB中获取相同的内容,然后返回到 ag-grid。所以主要是我想通过 API 作为中介为每组记录去数据库。

请帮助我提供这样的解决方案,它类似于我们早期使用的服务器端分页,但我希望它在 ag-grid 中。

0 投票
3 回答
5595 浏览

angular - 如何在 ag-Grid 的单元格内渲染 Angular routerLink?

当我试图在基本的 HTML 页面上呈现它时,我试图呈现的链接看起来像这样:

尝试在 ag-Grid 上渲染它时,我尝试执行以下操作:

src\app\leverancer\leverancer.component.ts

但我在我的 ag-Grid 中没有看到有效的 routerLink。你能告诉我在我的 ag-Grid 中渲染一个工作的 routerLink 需要做什么吗?

0 投票
0 回答
256 浏览

ag-grid-angular - AgGrid Angular Column Change Detection 以反映所有行

Ag Grid Angular:假设我们每行有 5 行和 3 列(1 可编辑)。如果我更改第 1 行中可编辑列的值,则所有其他行的可编辑列都将设置为空白。请协助我如何实现这一点?

0 投票
2 回答
1959 浏览

angular - 如何在 ag-Grid Angular 设置中访问 c​​olumnDefs 中另一列的值?

我有一个包含两列的 ag-Grid:一个 ID 列和一个描述列。我在 TypeScript 类的 ngOnInit() 方法中的 columnDefs 中构造了这两列的列定义。

在描述列中,我使用 cellRendererFramework 在我的 ag-Grid 中呈现 routerLink。我使用 cellRendererParams 将一些必要的参数传递给我的 Angular 渲染器组件。在Description 列中,我需要访问ID 列的ID 值,并将其放入cellRendererParams 参数'resourceId'。我需要这个 ID 才能构建我的工作 RouterLink。

我怎样才能在下面的代码中做到这一点?

0 投票
0 回答
128 浏览

angular - 如何使用 Angular 绕过 awsnap ag-grid?

Ag-Grid 在 200k 行后中断,我收到 Chrome 错误。

我去的时候:

然后用它做一个 post call 或一些数据处理,我从 Chrome 得到一个 aw snap。

有没有人经历过这种情况,或者您有解决方法吗?

0 投票
4 回答
12679 浏览

angular - 在两个单独的 ag-Grid 上使用 ag-Grid 的 sizeColumnsToFit() 时警告“网格零宽度”,由选项卡菜单显示

调整 ag-Grid 的大小(更改浏览器窗口的大小)并在两个选项卡之间切换时收到以下警告:

ag-Grid:尝试调用 sizeColumnsToFit() 但网格以零宽度返回,也许网格在屏幕上还不可见?

我在 Stackblitz 中重现了这种情况:

https://angular-jpmxjy.stackblitz.io/

这是测试应用程序的组成:

  • PrimeNG p-tabMenu 在组件:header.component
  • ag-Grid 在组件:delleverancer.component 和leverancer.component。

当您调整网格大小并在 tabMenu 'Leverancer' 和 'Delleverancer' 之间切换时,您将在 chrome 开发工具中看到警告错误。

你可以在这里看到代码:

https://stackblitz.com/edit/angular-jpmxjy

如何删除这个不需要的警告错误?

在此处输入图像描述

0 投票
1 回答
597 浏览

angular6 - 在 ag-grid 中编辑后行移到顶部

我已经为 columnDefs 数组中的一个字段使用带有 editable=true 的 ag-grid 创建了网格。当我为任何行编辑该列时,编辑该行后会自动移动到顶部。

我浏览了 ag-grid 的所有文档,但没有找到与此问题相关的任何内容。可以通过某种方式预防吗?

HTML

TS

我用 rowIndex 调用 addCustomHeader 方法,我需要在 selectedSecurities 中添加新数据,它完美地完成了这一点并且还更新了网格。但是当我尝试编辑任何可编辑的列时,该特定行将移动到网格的顶部。我检查了原始数组,它仍然正确显示了顺序。我无法理解,如果数组以正确的顺序保存数据并且我也在使用 deltaRowDataMode,那么为什么编辑的列的行会移动到网格的顶部。

编辑前

在此处输入图像描述

编辑第二行后

在此处输入图像描述

0 投票
2 回答
7645 浏览

angular - 如何将垂直网格线添加到 ag-Grid?

我正在尝试将垂直网格线添加到 angular 2 的 ag-Grid(使其更像 excel)。

我需要制作自定义主题(不使用 ag-theme-balham)吗?

有人有例子吗?

任何帮助,将不胜感激。

0 投票
0 回答
41 浏览

angular - 如何更改单元格中文本子集的颜色

我正在使用 Angular 2 和 ag-Grid(不是企业版)。我在 ag-Grid 单元格中有一些文本。我需要将一些字符更改为不同的颜色。我在想我可以在 valueFormatter 中做到这一点,但我正在努力寻找答案。

任何帮助,将不胜感激。