如何在Angular Grid中获取选中行testfield1列的值？

一、获取选中行的testfield1值 #

方式1：监听选择事件实时获取 #

1. 先在组件类中引入AG Grid相关依赖：

import { Component, ViewChild } from '@angular/core';
import { AgGridAngular } from 'ag-grid-angular';

2. 修改模板，绑定选择变更事件并设置选择模式（可选单选/多选）：

<ag-grid-angular 
  class="ag-theme-quartz" 
  style="height: 730px" 
  [rowData]="rowData" 
  [columnDefs]="colDefs"
  (selectionChanged)="handleSelectionChange($event)"
  [rowSelection]="'single'" <!-- 单选模式，需要多选可改为'multiple' -->
></ag-grid-angular>

3. 在组件类中实现事件处理函数，提取testfield1值并传递给自定义函数：

@Component({
  // 你的组件元数据（selector、templateUrl等）
})
export class YourComponent {
  @ViewChild(AgGridAngular) agGrid!: AgGridAngular;
  rowData: any[]; // 已定义的行数据
  colDefs: any[]; // 已定义的列配置

  handleSelectionChange(event: any) {
    // 获取选中的第一行数据（单选模式下）
    const selectedRow = event.api.getSelectedRows()[0];
    if (selectedRow) {
      const targetValue = selectedRow.testfield1;
      // 传递值到自定义函数
      this.processSelectedValue(targetValue);
    }
  }

  processSelectedValue(value: any) {
    // 这里写你的业务逻辑
    console.log('选中行的testfield1值：', value);
  }
}

方式2：主动调用API获取选中行 #

如果不需要实时监听，可在需要时直接调用AG Grid API获取：

getSelectedValue() {
  const selectedRows = this.agGrid.api.getSelectedRows();
  if (selectedRows.length > 0) {
    const targetValue = selectedRows[0].testfield1;
    // 后续处理逻辑
    console.log(targetValue);
  }
}

二、通过rowData获取对应行的ID #

假设你的行数据中存在唯一标识字段（比如id），已知testfield1的值时，可通过数组遍历匹配：

getRowIdByTestfield(targetValue: any) {
  const matchedRow = this.rowData.find(row => row.testfield1 === targetValue);
  if (matchedRow) {
    const rowId = matchedRow.id; // 替换为你实际的ID字段名
    console.log('匹配到的行ID：', rowId);
    return rowId;
  }
  return null;
}

另外，也可通过AG Grid的行节点直接获取ID（包含业务ID和Grid内部ID）：

handleSelectionChange(event: any) {
  const selectedRowNode = event.api.getSelectedNodes()[0];
  if (selectedRowNode) {
    // 业务数据中的ID
    const businessRowId = selectedRowNode.data.id;
    // AG Grid内部生成的行ID（未自定义时默认是行索引）
    const gridInternalId = selectedRowNode.id;
    console.log('业务行ID：', businessRowId, 'Grid内部ID：', gridInternalId);
  }
}

内容的提问来源于stack exchange，提问作者Tim Munn