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

angular - 带有异步管道 + 新数据的 Ag 网格

我第一次来到我的组件时,加载叠加层正常工作。

当那行代码再次被命中时,我应该如何正确显示加载覆盖?这似乎是一个非常普遍的现象。

目前它只显示“No Rows to Show”

以下是我的解决方法

他们是否偶然在较新的版本中修复了此问题?下面是我的版本。

0 投票
1 回答
6694 浏览

ag-grid - ag-grid 过滤器不适用于格式化的数值?

我正在使用带有 angularjs 的 ag 网格,并且过滤器不适用于格式化的数字。我使用带有货币值的格式化数字。

下面是 columndef 代码:

在将数据分配给网格之前,我使用以下格式设置数字:

这里的问题是过滤器不适用于这些格式化的数字,并且似乎只适用于高达 999 的值。任何人都可以帮我解决这个过滤问题吗?

0 投票
3 回答
1481 浏览

angular - 如何在角度6中选择和取消选择行

我想从选定的行中获取值并将其存储在一个数组中。当我取消选择一行时,我想将其从结果数组中删除。但是根据我的代码,我点击了多少次行值中的文件名多次添加到我的结果数组(selectedRows)中。我的代码是:

HTML:

组件.ts:

0 投票
1 回答
451 浏览

angular - Angular ag-grid 项目在本地工作但不在服务器上工作:编译错误

我在我的项目中使用 ag-grid,使用 ng serve 在本地运行它可以正常工作并且符合预期。但是当上传到服务器时,编译总是失败,基本上出现以下错误:

我使用 ag-grid 版本 20.0.0 并使用了本教程:https ://medium.com/ag-grid/get-started-with-angular-grid-in-5-minutes-83bbb14fac93

编辑:这是服务器上的配置:

nodes_modules 目录不是我自己上传的..

0 投票
1 回答
719 浏览

javascript - detailCellRendererParams,Ag-Grid的递归函数?

我有由多行数据组成的数据。每行包含一个“子”数组属性,该属性可能具有多行形式的数据,也可能为空。最重要的是,'children' 数组属性中的每一行也可能包含更多的 'children' 数据或行等等,所以它看起来像这样(将每一行视为一行,将每个缩进的行视为一个孩子该行的行):

每个包含子行的父行(我用'*'标记它们)都必须定义 detailCellRendererParams,如果我只是要手动定义每一行,这很好(如 Ag-Grid 文档中的 Nesting Master / Detail 所示,但是,它是不确定会有多少父/子行。我正在寻找一个递归函数,为每个有子行的父行定义 detailCellRendererParams。我怎么能写这样的东西?

0 投票
2 回答
782 浏览

angular - 无法从 HTML EventListener 调用 Angular 6 服务

我有一个角度 ag-grid,我从那里创建了一个 cellRenderer 和 cellRendererParams。从 cellRenderer 我正在调用一个方法,该方法在 ag-grid 的每个单元格中创建一个按钮。

和通知CellRendererFunc:

在上面的方法中,我为每个按钮创建了 eventListener,这样当任何一个按钮点击时,它都会为我提供所选行的 notificationId,我可以将其发送到 API 进行进一步处理。

但问题是,'this' 关键字在 eventListener 内部不起作用,即使我将 'this' 分配给侦听器外部的 'self' 关键字。它说: 错误类型错误:无法读取 HTMLButtonElement 处未定义的属性“notificationService”。.

“我的 moto 是在 ag-grid 的每一行中创建一个按钮,点击按钮后它将重新发送通知。”

0 投票
2 回答
8068 浏览

ag-grid - AG-Grid - 如何动态增加行高?

这个问题与 Angular 4 Project 上的 Ag-Grid 行高有关。请看以下场景:-

我有一个分别有 3 列的 Ag-Gird:-

  1. Id(来自 UI 的可调整大小的列)
  2. 名称(来自 UI 的可调整大小的列)
  3. 地址(来自 UI 的可调整大小的列)

我在地址列上没有任何限制(例如允许的字符或单词数量有限) 。用户可以键入他们想要的任意数量的字符或单词。

问题:-

  1. 当地址列宽完全被单词填满或用户按EnterShift + Enter时,如何增加行高?
  2. 当用户调整地址列的大小时如何自动调整高度?

请帮我解决这些问题。

谢谢

0 投票
2 回答
5635 浏览

angular - 如何根据Angular 6同一行中的其他单元格值在AG-Grid选择下拉列表中加载不同的选项?

我在列定义中使用以下代码:

我在网格中有其他列 ex-

我收到错误无法读取未定义的 this.partTypeListRS 属性,如果我单击满足 selectedPart==='R&S' 条件并分别满足所有其他条件的行。

0 投票
1 回答
3512 浏览

ag-grid - AG Grid:如何将滚动粘贴在底部

我正在使用 AG Grid Angular 创建一个日志视图,我将每秒向网格添加很多条目,通常这种类型的视图在底部有最新的条目,所以如果有一个好的方法会很棒滚动将停留在底部,所以我总能看到最新的条目。如果我可以手动向上滚动并且滚动将保持在此位置,那么奖励将是。

0 投票
1 回答
1896 浏览

angular - 为什么输入元素没有获得焦点?

我在 Angular 项目中使用 ag-grid 社区版。要求是在选项卡上启用内联编辑,它已实现,但还有另一个要求是,当通过选项卡导航并到达最后一列并再次按 Tab 键时,它应该创建一个空行并关注新行的第一个元素好。我可以通过 ag-grid 函数 setRowData(data) 推送新数据。

我尝试了网格 api 中可用的 startEditingCell() 和 setFocusedCell() 。他们确实专注于元素,但输入元素中的光标没有出现。