问题标签 [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 - Angular ag-Grid - onSortChanged - 停止数据源请求
我将 ag-grid 与 rowModelType: 'infinite' 一起使用
当我请求排序、过滤或更改页面时,系统运行数据源的getRows
在运行 getRows 并停止执行之前,我需要检查排序请求(或过滤器)。
angular - Ag-grid Angular 6,服务器端无限滚动但每次都从数据库中获取数据,不要一次通过api加载整个查询
我正在尝试在角度 6 的 ag 网格中实现服务器端分页或服务器端无限滚动。
像https://www.ag-grid.com/javascript-grid-infinite-scrolling/
但是当我们在 ag-grid 中滚动时,我没有在网络选项卡中看到 API 调用,因此这意味着它不会一次又一次地调用 API 来获取行集,
但根据我的要求,我需要回调 API 以检索前 100 行,当我们滚动时 -> 下一个 100 等等,
因此,我想将参数作为 startRow 和 endRow 传递给 API,以从DB中获取相同的内容,然后返回到 ag-grid。所以主要是我想通过 API 作为中介为每组记录去数据库。
请帮助我提供这样的解决方案,它类似于我们早期使用的服务器端分页,但我希望它在 ag-grid 中。
angular - 如何在 ag-Grid 的单元格内渲染 Angular routerLink?
当我试图在基本的 HTML 页面上呈现它时,我试图呈现的链接看起来像这样:
尝试在 ag-Grid 上渲染它时,我尝试执行以下操作:
src\app\leverancer\leverancer.component.ts
但我在我的 ag-Grid 中没有看到有效的 routerLink。你能告诉我在我的 ag-Grid 中渲染一个工作的 routerLink 需要做什么吗?
ag-grid-angular - AgGrid Angular Column Change Detection 以反映所有行
Ag Grid Angular:假设我们每行有 5 行和 3 列(1 可编辑)。如果我更改第 1 行中可编辑列的值,则所有其他行的可编辑列都将设置为空白。请协助我如何实现这一点?
angular - 如何在 ag-Grid Angular 设置中访问 columnDefs 中另一列的值?
我有一个包含两列的 ag-Grid:一个 ID 列和一个描述列。我在 TypeScript 类的 ngOnInit() 方法中的 columnDefs 中构造了这两列的列定义。
在描述列中,我使用 cellRendererFramework 在我的 ag-Grid 中呈现 routerLink。我使用 cellRendererParams 将一些必要的参数传递给我的 Angular 渲染器组件。在Description 列中,我需要访问ID 列的ID 值,并将其放入cellRendererParams 参数'resourceId'。我需要这个 ID 才能构建我的工作 RouterLink。
我怎样才能在下面的代码中做到这一点?
angular - 如何使用 Angular 绕过 awsnap ag-grid?
Ag-Grid 在 200k 行后中断,我收到 Chrome 错误。
我去的时候:
然后用它做一个 post call 或一些数据处理,我从 Chrome 得到一个 aw snap。
有没有人经历过这种情况,或者您有解决方法吗?
angular - 在两个单独的 ag-Grid 上使用 ag-Grid 的 sizeColumnsToFit() 时警告“网格零宽度”,由选项卡菜单显示
调整 ag-Grid 的大小(更改浏览器窗口的大小)并在两个选项卡之间切换时收到以下警告:
ag-Grid:尝试调用 sizeColumnsToFit() 但网格以零宽度返回,也许网格在屏幕上还不可见?
我在 Stackblitz 中重现了这种情况:
https://angular-jpmxjy.stackblitz.io/
这是测试应用程序的组成:
- PrimeNG p-tabMenu 在组件:header.component
- ag-Grid 在组件:delleverancer.component 和leverancer.component。
当您调整网格大小并在 tabMenu 'Leverancer' 和 'Delleverancer' 之间切换时,您将在 chrome 开发工具中看到警告错误。
你可以在这里看到代码:
https://stackblitz.com/edit/angular-jpmxjy
如何删除这个不需要的警告错误?
angular6 - 在 ag-grid 中编辑后行移到顶部
我已经为 columnDefs 数组中的一个字段使用带有 editable=true 的 ag-grid 创建了网格。当我为任何行编辑该列时,编辑该行后会自动移动到顶部。
我浏览了 ag-grid 的所有文档,但没有找到与此问题相关的任何内容。可以通过某种方式预防吗?
HTML
TS
我用 rowIndex 调用 addCustomHeader 方法,我需要在 selectedSecurities 中添加新数据,它完美地完成了这一点并且还更新了网格。但是当我尝试编辑任何可编辑的列时,该特定行将移动到网格的顶部。我检查了原始数组,它仍然正确显示了顺序。我无法理解,如果数组以正确的顺序保存数据并且我也在使用 deltaRowDataMode,那么为什么编辑的列的行会移动到网格的顶部。
编辑前
编辑第二行后
angular - 如何将垂直网格线添加到 ag-Grid?
我正在尝试将垂直网格线添加到 angular 2 的 ag-Grid(使其更像 excel)。
我需要制作自定义主题(不使用 ag-theme-balham)吗?
有人有例子吗?
任何帮助,将不胜感激。
angular - 如何更改单元格中文本子集的颜色
我正在使用 Angular 2 和 ag-Grid(不是企业版)。我在 ag-Grid 单元格中有一些文本。我需要将一些字符更改为不同的颜色。我在想我可以在 valueFormatter 中做到这一点,但我正在努力寻找答案。
任何帮助,将不胜感激。