问题标签 [ag-grid-ng2]

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 回答
1301 浏览

angular - Ag-grid 批量调用数据加载

我正在使用 ag-grid 进行显示。我不想一口气带来完整的数据。例如,当用户在第 10 页时,我想带来第 11-20 页数据我该如何实现?

0 投票
0 回答
257 浏览

json - 如何在 Angular 的 ag-grid 中动态创建 ColumnDefs 和 Headers?

我有一个 JSON 文件:

我有一个包含上面给出的 3 个选项卡的页面。当我单击 Tab1 时,只有 Tab1 列应填充在 ag 网格中。我正在使用 angular 4 和 ag 网格。每当我单击特定选项卡时,它基本上都会动态获取列标题

0 投票
3 回答
3252 浏览

javascript - 使用 ag-grid 对未定义字段进行列编辑

我已经为下面的列定义配置了 ag-grid

基本上来自后端的字段可以返回 null

或者

当我编辑单元格值时,它会返回nullinparams.value方法agInit
我正在使用“ag-grid”:“^17.0.0”、“ag-grid-angular”:“^17.0.0”。

0 投票
1 回答
6541 浏览

ag-grid - 如何包含 Angular 5 的 ag-grid 样式?

我将 Angular 5 与 ag-grid 17.x 一起使用,并且只是尝试做一个简单的“hello world”类型的示例,但无法正确显示网格。我的模板中有以下 HTML:

...而且我没有收到任何错误,但它不是网格,而是呈现为一个混乱的文本列。

无论如何,我在开发工具中注意到网格指向的样式不存在,所以我将它们导入到 .angular-cli.json 中:

...这行得通,但解决方案对我来说似乎不合适。我试图将它们导入我的一个 .scss 文件中:

...但有一堆参考错误(找不到图标等)。

我的问题是如何将 ag-grid 样式和主题导入 Angular 应用程序?我在文档中四处寻找,但似乎找不到我偶然发现的解决方案,所以假设它是错误的......但也找不到任何有效的方法。谢谢你的帮助!在此处输入图像描述

0 投票
0 回答
225 浏览

angular - 在两个 Angular 2 应用程序之间共享模块

我的项目由两个必须共享一个模块的独立 Angular 应用程序组成。它在 App A 中运行良好,但是当我创建从 App B 到 A 的相对导入时,它会抛出StaticInjectorError.

我希望只更改 App B 中的导入路径,使其指向 App A 中的模块。

像这样:App A(这很好用):

应用 B:

有问题的模块:

这可能吗?我将如何以这种方式包含一个模块?提前致谢

0 投票
1 回答
1301 浏览

ag-grid - 如何在 ag-grid angular 2+ 中设置行拖动默认图标的可见性

在 gridColumns 我设置 rowDrag: true。这将为所有具有子行或单行的行创建一个默认图标。但是我希望通过将拖动图标的可见性设置为隐藏来仅针对特定行使用此图标。

此外,如果我有条件地填充 rowDrag true 或 false,那么我不想拖动图标的行,图标不会出现,但它会破坏对齐。这就是为什么我想要一些明确的东西,我可以将所有行的 rowDrag 设置为 true,然后明确地将可见性设置为隐藏。

在这种情况下请帮助我。没有找到任何解决方案。

0 投票
1 回答
41 浏览

ag-grid - 在 Ag-grid 中按降序排序将文件夹固定到底部

我是 ag-grid 的新手,并试图实现对行进行排序的功能。我的网格中有一个文件夹和报告列表。在 ag-grid 中使用 postsort 时,我能够将文件夹固定在顶部。这基本上是按名称升序排序并将文件夹固定在网格顶部。

但现在我想将文件夹固定在底部,当用户按名称进行降序排序时。请帮助我,我怎么能做到这一点。

0 投票
1 回答
11876 浏览

json - 使用 Ag-grid 将 JSON 导出到 excel (csv)

我想使用 Ag-grid 将 json 数据导出到 excel 中。我想保持 Ag-grid 隐藏(在 UI 上不可见),只在 UI 上有超链接以下载 excel 格式的数据。

列定义:

数据:

这是带有代码的plunker链接。

0 投票
1 回答
164 浏览

angular - Ag grid Angular 2+,抑制多个单元格选择的方法

是否有任何 gridConfig 属性可以抑制 ag-grid 中的多个单元格选择?当我使用Shift/选择单元格时,Ctrl我不想选择多个单元格。

0 投票
1 回答
5057 浏览

ag-grid - 如何在 ag-grid 中为外部过滤器调用(过滤器)valueGetter 函数?

我正在使用带角度的 ag-grid,我想对其应用外部过滤器。该文档显示了该doesExternalFilterPass函数的示例:

它基本上使用原始数据来过滤行。当我使用列 valueGetter/filterValueGetter 函数来修改值时,我希望外部过滤器根据这些函数的返回值进行过滤,但我还没有找到正确的方法来执行此操作。

我可以通过调用
this.gridOptions.api.getValue(columnId, node);
(在后台调用 valueGetter)而不是获得我想要的值,
node.data[columnId]
但我没有找到任何这样做的例子。

所以我要求以正确的方式调用内部的 valueGetter 函数,doesExternalFilterPass或者其他人如何解决这个问题。

(当您的行甚至不包含在数据对象中时,这一点尤其重要。这是通过 valueGetter/filterValueGetter 函数计算列值的情况,例如通过添加另外两个列。)