angular - 无法在 ag-grid 自定义工具提示中获取行 ID
问题描述
我使用带有自定义工具提示和按行过滤的 ag 网格创建了表格。假设默认网格有 4 行,行索引如下所示
row-index: 0
row-index: 1
row-index: 2
row-index: 3
在过滤行时,行索引每次都会重置 0,1,2... 我想要的只是行 ID,它是恒定的。
如何在 ag 网格自定义工具提示中获取行 ID
import { Component } from '@angular/core';
import { ITooltipAngularComp } from 'ag-grid-angular';
@Component({
selector: 'tooltip-component',
templateUrl: './ag-grid-tooltip.component.html',
styleUrls: ['./ag-grid-tooltip.component.scss'],
})
export class AgGridTooltipComponent implements ITooltipAngularComp {
private params: any;
public data: string;
public show: boolean;
constructor() {
}
agInit(params): void {
this.params = params;
console.log(this.params.rowIndex); // working fine always starts with 0
console.log(this.params.rowId); // undefined
console.log(this.params.node.id); // can not read id.
}
}
解决方案
您需要像这样实现 getRowNodeId 函数。
gridOptions.getRowNodeId = (item) => {
return item.id;
};
推荐阅读
- ruby-on-rails - 如何进行主动管理员电子邮件搜索以修剪 Rails 应用程序中的先前后续空间
- python - 在多维数组中写入值数组的坐标
- sql - tfs 分析数据库同步
- oracle - 我可以从 Oracle 中的 UPDATE 中获取结果消息吗?
- python - 奇函数的离散傅里叶变换
- neo4j - 使用 neo4j 获取从边缘到根的所有节点和路径
- payment-gateway - 使用快速支付表单成功支付后如何获取快速支付支付ID
- javascript - 如何在不破坏代码的情况下在 javascript 文件中调用 onload() 函数?
- java - Hazelcast - java.lang.IllegalArgumentException:键不能是数据类型
- github - 具有自己扩展的自定义 GitHub 选项卡