问题标签 [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 回答
1158 浏览

javascript - 自定义过滤器:我可以为过滤器设置自定义按钮吗?

我正在尝试在 上拥有自己的自定义过滤器。
除了Apply按钮之外,我还想要过滤器的其他按钮。即,如果我可以在某种 UI 中解释这一点,

|--自定义过滤器-------------------.
| 过滤文本:_____________ |
| Apply| Clear| Clear All|
|_______________________|

通过使用 的默认过滤器组件ag-grid,我知道如果我filterParamsColDef.

但是另一个自定义 ( Clear All) 按钮呢?有什么办法可以实现吗?

0 投票
1 回答
510 浏览

angular - 使 Angular2 中的 ag-Grid 分组更快

在此处输入图像描述我正在考虑将 ag-Grid 用于我们的目的。我们需要将大量行(约 50,000 行)加载到 ag-Grid。此外,我们必须显示带有分组的行(参见随附的屏幕截图)。但是,在添加具有分组属性的“ag-Grid”之后,网格加载非常缓慢,有时甚至是堆叠的。展开/折叠选项也很慢。

您能否提供帮助或获得解决问题的任何想法?

0 投票
0 回答
161 浏览

ag-grid-ng2 - 单元格渲染器中的 ag-grid Angular 4 和 ui-router ui-sref

如果我想在 ag-Grid cellRenderer 中编译 UI-Router 状态(使用 uiSref),可以吗?

从 'ag-grid/main' 导入 { GridOptions };

使用上面的代码,ag-Grid 像这样呈现表格:

它没有被编译/解析。我已经有一个解决方案,但它很复杂。我是否缺少一种简单的方法来呈现 URL?

0 投票
1 回答
292 浏览

ag-grid - 复制示例 ag-grid 示例并让单元格相互叠加

我正在试验 ag-grid 并试图让一些非常简单的例子起作用。到目前为止,我的运气并不好。

我使用创建了一个全新的应用程序,ng new gridTest然后尝试按照这些说明进行操作。

我创建的示例站点在这里

我生成的网格如下所示:

在此处输入图像描述

app.component.html:

app.component.ts:

app.module.ts:

我究竟做错了什么?我看不出我是如何用这个非常简单的例子弄乱样式或任何东西的......

0 投票
2 回答
18035 浏览

ag-grid - 使用AG Grid,单击单元格时防止行单击事件?

我想停止所有单元格点击的事件传播,因为我正在使用onRowClicked执行一些操作。当用户单击单元格内的某些内容(例如输入字段)时,我不希望触发行单击。

有什么想法吗?

我为此使用 Angular 2/4。

0 投票
3 回答
2725 浏览

javascript - 角度 ag-grid 调整大小问题

我想启用列调整大小,但同时我想避免用户将任何列调整到网格左侧的大小并且在最后一列的右侧出现空白区域。我在下面附上了一张图片来解释我想要实现的目标。

在此处输入图像描述

0 投票
1 回答
500 浏览

angular - 如何使用带有角度的 ag-grid 复选框

在此处输入图像描述

如何将复选框值与事件绑定。以及如何访问相应的数据?

主页.ts

我有一个函数来获取行DEL=TRUE

我无法访问DEL值,使用 agggrid 复选框选择的正确方法是什么?

0 投票
1 回答
404 浏览

angularjs - 从 V8 升级到 V15 分页后的 ag-grid 无法正常工作。初始加载后不执行数据源

背景

已将 typescript 从 2.3.4 升级到 2.6.2。Ag 网格有编译问题,因此升级到 15.0.0。升级后 ag-grid 的现有分页代码不起作用。

以前的配置- ag-grid 和分页工作正常

在单击表单 searchCategory() 方法中的搜索按钮时,将调用并加载网格

包.json

temp.ts

临时文件

新配置详细信息

包.json

test.ts分页替换为无限。

/* rowModelType: 'pagination',*/ rowModelType: 'infinite', pagination: true,

当前行为

在调用 searchCategory() 时,会进行服务器调用并将数据加载到带有分页栏的网格中。在分页栏中单击下一步时,它不会调用注册的数据源并停在那里。

预期行为 分页应该可以正常工作。应在下一个和上一个上调用数据源并更新网格

0 投票
1 回答
2434 浏览

ag-grid - 以服务器分页/排序/过滤模式将数据导出为CSV

我正在尝试将数据导出到 CSV。

问题是,它只导出可见数据从 HTTP 调用接收的内存中数据,同时考虑网格中的 ,paginationPageSize等。不是整个数据集。maxBlocksInCachecacheBlockSize

我浏览了以下链接,但没有得到太多帮助。

  1. [导出] 将客户端分页中的所有页面导出为 CSV
  2. agGrid 数据导出

我们有什么办法可以做到这一点?或者这完全不可能?

0 投票
2 回答
5540 浏览

angular - Ag-grid 显示加载和无数据覆盖

我正在使用 Ag-grid,我发现一次只能显示一个加载并且没有数据覆盖。

我的情况是,一开始,我没有数据和可观察的加载。我订阅了那个 observable 并手动调用网格 api 来设置加载,但后来由于网格而被没有数据覆盖所取代。

有没有办法让两者都运行(我可以使用 css 来加载覆盖以隐藏无数据)?