问题标签 [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 - 直到交互才创建 AgGrid 自定义过滤器
我的网格中的列上有一个自定义过滤器组件。我注意到在单击列标题中的过滤器图标之前,不会构建过滤器组件。这意味着数据不会根据我的默认设置进行过滤(例如,过滤掉 where 的记录status == StatusEnum.Complete
)。
作为一种解决方法,我发现我可以onGridReady
通过调用在事件中获取一个过滤器实例api.getFilterInstance('status')
,这会导致创建过滤器组件,从而应用默认过滤。
这种解决方法似乎有点笨拙。该filter
变量在事件中未使用onGridReady
,这会导致 IDE / build 中出现警告。另一个开发人员可能会过来删除这行代码,认为这是不必要的。
是否有更好的方法可以在创建网格时强制实例化我的自定义过滤器?我正在使用 AgGrid 17.1 和 Angular 4.4。
网格配置如下:
我已经设置了一个示例来演示该问题。注意第 63 行的“hack” app.component.ts
。
javascript - AG-Grid:在过滤器菜单上关闭
希望跟踪“列菜单”>“过滤器菜单”弹出窗口何时被解除...在执行此操作的网格事件、上下文菜单或过滤器中找不到任何信息。
基本上在寻找类似的东西
我需要在关闭时将过滤器重置为当前应用的内容。
所以,我正在尝试做的并且我已经准备好的(一切都减去 on dismiss)是:
- 获取当前应用的过滤器(如果有)并放入变量中
- 如果用户单击过滤器菜单并更改过滤器,但取消或单击 bg(关闭菜单)在菜单关闭时重新应用变量中的过滤器。
发生的情况是,当用户更改过滤器但未应用它并关闭菜单...并重新打开它时,他们认为已应用显示的过滤器已选中,但未单击应用。
我看过的有用链接:
使用 Angular 7、打字稿和 ag-grid 企业。
ag-grid-angular - 我无法调用 onCellValueChanged 事件
我在角度 7 上测试 ag-grid。我想做的一件事是检测网格中的单元格变化,但我无法触发 onCellValueChanged()。我只是在 js 和 angular 中迈出第一步,所以也许这是一个愚蠢的问题。谢谢
我在 app.component.html 中的网格定义:
我的 app.component.ts:
ag-grid - 具有复杂对象的异步选项的 ag-grid 集过滤器
我正在使用无限的 rowModelType 并且每次用户更改过滤器时都会清除并加载新数据。
我的数据中有一个字段,它是一个名为 status 的复杂对象,具有 id 和 name 属性。我正在尝试为 set 过滤器加载异步属性,但得到了一些奇怪的结果。这是我的coldef:
设置过滤器显示正确,列也显示正确,例如状态名称同时显示,但是当我单击以取消选择过滤器中的一个项目时,它会取消选择全部。
我了解设置过滤器吗?我可以使用它并做我的过滤服务器端吗?我不想做任何客户端比较器等。
angular - 如何修复 ag-grid 表的响应性?
我在 Angular6 项目中使用 Ag-grid。我正面临 ag-grid 表响应能力的问题。当我最小化浏览器但它没有显示任何滚动时。最大列消失。但是当这些代码运行到 Plunker 时,它显示出响应能力。我无法确定问题所在。
我正在使用这些 ag-grid 版本:
“ag-grid”:“^18.1.2”、
“ag-grid-angular”:“^18.1.0”、
“ag-grid-community”:“^19.0.0 ",
"ag-grid-enterprise": "^19.0.0",
// 我的 ts 文件
//我的html文件
angular - 如何使用 ag-grid 导出到具有 Angular 6 的大数据(50,000 行)的 excel 功能(内存不足错误)?
我目前正在使用 angular 6 和 50,000 行大数据的 ag-grid 中的导出到 excel 功能?
当我有较少的数据 1000 条记录时,我可以轻松下载文件(<1 秒),但是当我将数据增加到 50000 行时,我的 Web 浏览器变得无响应,并且我收到 chrome 错误“出现问题”后尽管。我的代码是
使用大约 1000 行的网格数据,这工作得很好,我可以在大约 1 秒内将文件下载到浏览器中,但是当我将数据增加到 50000 行时,我的浏览器变得无响应。
angular - 使用Angular 7在IE11中根本没有加载ag-grid
我的 ag-grid 在所有其他浏览器中都可以正常工作,但是当我用 IE 打开它时,它根本不会加载。控制台中不显示任何错误消息。请注意,Angular 应用程序的其余部分加载得很好,而不是ag-grid-angular
组件`
包.json
polyfill.ts
我的组件模板(为简洁起见,请假设我正在传递一个gridOptions
填充了数据的有效对象)