问题标签 [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.
ag-grid - ag-grid-angular:错误类型错误:rowData.forEach 不是函数
试图在我的项目中加入 ag-grid-angular。我已经成功地让它通过过滤和排序处理静态数据。
我现在无法使用异步动态数据设置它。
在 component.ts 中:
我现在已经静态设置了列
在 Service.ts 中:
我收到此错误消息:
我们从 API 调用中获得的数据与我在静态设置时使用的数据相同。返回结果是请求的数组。 请建议需要做什么才能使其发挥作用。
angular - 当我的行数据从一个组件传递到另一个组件时更新时,如何检测 ag-grid 的变化
我正在开发一个在 angular6 上的项目,我们正在实施 ag-grid 来填充来自 angular 对话框的数据。由于多个团队正在工作,因此他们正在创建自己的组件。我陷入了一种不寻常的情况,我无法弄清楚如何解决这种情况。我们有一个名为 (ADD OWNER) 的按钮,它是一个名为 ADD-OWNER.component.ts 的组件,我在其中打开一个对话框并传递另一个名为 ownerdetails.component.ts 的组件,其中包含我的所有表单详细信息。对话框上有 2 个按钮(添加/取消),因此我将数据推送到元数据服务中,因为我不必保存在数据库中,我必须通过浏览器保留数据。我在 dialog.close 事件中进行的那部分编码工作正常。现在我必须将此 ownerdetails 传递到另一个名为 Gridcomponent 的组件中,我的 ag-grid 就在其中,因此我使用输入属性事件将数据从我的 add-owner.component 发送到网格组件。我通过传递给定的输入细节将网格组件选择器渲染到我的 add-onwer.component.ts 中。现在我在我的网格中使用输入属性来接收值,但是我希望在行数据发生变化时自动更新网格。该值未更新,我该如何实现。我可以看到值被推入所有者列表,但不知何故我必须在网格中显示。我没有确切的代码,但我尽力解释。ts 通过传递给定的输入详细信息。现在我在我的网格中使用输入属性来接收值,但是我希望在行数据发生变化时自动更新网格。该值未更新,我该如何实现。我可以看到值被推入所有者列表,但不知何故我必须在网格中显示。我没有确切的代码,但我尽力解释。ts 通过传递给定的输入详细信息。现在我在我的网格中使用输入属性来接收值,但是我希望在行数据发生变化时自动更新网格。该值未更新,我该如何实现。我可以看到值被推入所有者列表,但不知何故我必须在网格中显示。我没有确切的代码,但我尽力解释。
ADD-OWNER.Component.html
ADD-OWNER.Component.ts
grid.component.html
grid.component.ts
angular2-template - 如何在 click Handler 函数上调用 AG-Grid 的 gridready 事件
我正在我的组织中开展一个项目,我必须实现 ag-grid 。我知道 ag-grid 有一个 gridready 事件函数,它最初会触发并使用所有网格 api 属性设置参数。我的行数据不断变化,它来自其他组件,我添加了一个处理程序(函数),我想再次调用 gridready 事件,它将我的行数据设置为最新值。问题是gridapi属性将仅在第一次初始化,我想访问我的处理程序中的那些(gridapi)属性现在变得未定义,即使在网格初始化和范围丢失后如何访问gridapi属性。我没有确切的代码,我添加了一些代码快照来准确描述我的情况。
网格组件.ts
angular - 在 ag-grid 的列上使用具有多个条件的过滤器
我有一个 ag-grid 表,其中包含三列 - 请求 ID、请求状态和提交日期。我在请求 ID 列上使用基于文本的过滤器,在提交日期上使用日期范围过滤器。在请求状态中,我有 4 个请求状态 - 草稿、已提交、已发送、发送失败。在 HTML 中,我使用了一个下拉菜单,其中包含每个状态的复选框 我尝试创建一个过滤器,允许我为请求状态过滤器选择多个条件 - 例如,我想查看具有请求状态的数据作为草稿或提交。这是我的过滤器代码:
我正在使用 ReqStatusFilter 数组来跟踪当前选择了哪些状态。每次单击复选框时都会调用 change() ,文本是单击的复选框的值。rowData 数组包含我的网格的数据。
我面临的问题是提交日期的日期过滤器和此请求 ID 过滤器彼此独立工作。如果我选择一个日期范围,其中只有提交和发送请求状态的消息可用,然后我单击请求状态过滤器中草稿的复选框,也会出现状态草稿的消息。该过滤器与基于请求 ID 的基于文本的过滤器一起工作正常。假设我搜索状态为草稿的请求 ID,然后为请求状态选择已提交和已发送选项,则不会出现任何内容。基本上,过滤器应该充当彼此之间的 AND,但其内部的请求状态过滤器应该充当所有选定条件的 OR。我该如何解决这个问题,以便日期和请求状态过滤器可以一起工作?也发布日期过滤器的代码:
}
我已经尽力解释了,所以我希望它不会太难。如果您对这个问题有任何疑问,请告诉我。
angular - 自定义 Ag-Grid 状态栏
我们一直是 Ag-Grid Enterprise,版本 19("ag-grid-angular": "19.0.0", "ag-grid-community": "19.0.0", "ag-grid-enterprise": "19.0. 0") 与 Angular 4。我们有一个需求,我们需要自定义网格的状态栏,并在状态栏上再添加一个图标来实现一些功能。链接“ https://www.ag-grid.com/javascript-grid-status-bar-component/ ”表示这是可能的,但是在尝试实现时,我们无法对名称为“IStatusBarItem”的任何接口进行罚款,并且模块“ag-grid-community”下的“IStatusBarItemParams”,因此坚持实施。对我们可能在这里遗漏的内容有任何帮助吗?
ag-grid - ag-grid-angular 和单元格验证
我对 ag-grid 很陌生。
我们正在使用 ag-grid Angular 版本。我们所有的单元格都可以在网格中编辑,大约有 3000 多个单元格。
为网格设置 Angular 表单并为每个单元格设置表单控件似乎会使网格变慢。特别是在加载时生成所有表单控件时以及在更新所有表单控件的有效性时提交表单之前。
有没有人找到更好的方法来使用 Angular 执行 ag-grid 单元格验证?
感谢您的帮助。
angular5 - Ag-grid 过滤器无法识别主键中的值
我们使用 Angular5 的 aggrid 15.0.0(我们也有企业许可证),我需要使用树数据。我使用此处的示例(组织层次结构示例) https://www.ag-grid.com/archive/15.0.0/javascript-grid-tree-data/#gsc.tab=0 不幸的是我不能看到它在 Plunkr 中运行,好像这个演示坏了。我的问题是,当我按主列中的值进行过滤时,不会返回任何结果,这只适用于子值。
这不起作用:
ag-grid - Ag-grid - 具有自定义单元格编辑器时是否忽略值解析器?
我将 ag-grid 与 Angular v7 一起使用,但我在值解析器方面遇到了一些问题,我想将其与自定义单元格编辑器一起使用。
当我声明自定义单元格编辑器时,值解析器似乎被简单地忽略了。我将它硬编码为始终返回相同的值,无论参数如何,它都会这样做 - 当我从列定义中删除 cellEditor 时。一旦声明了自定义编辑器,解析器似乎不再工作 - 它对保存的值没有任何影响。它甚至没有被调用——我试图在其中记录一些东西,当有自定义编辑器时,它在控制台中不可见。
如果我错了,请纠正我,但这不是预期的行为,或者是吗?文档中的正弦值解析器和设置器在单元格编辑文章中提到,所以我认为它们应该一起工作。