Syncfusion数据网格如何获取用户单击的单元格的值

// 导入Syncfusion数据网格组件
import { Grid, GridCellEventArgs } from '@syncfusion/ej2-grids';

// 创建数据网格实例
const grid = new Grid({
  // 配置数据源和列定义
  dataSource: data,
  columns: [
    { field: 'id', headerText: 'ID' },
    { field: 'name', headerText: 'Name' },
    { field: 'age', headerText: 'Age' }
  ],
  // 处理单元格点击事件
  cellClick: (args: GridCellEventArgs) => {
    // 获取行索引和列索引
    const rowIndex = args.rowIndex;
    const colIndex = args.columnIndex;
    
    // 获取单元格的值
    const cellValue = args.data[args.column.field];
    
    // 打印单元格的值
    console.log('Clicked cell value:', cellValue);
  }
});

// 将数据网格渲染到页面上
grid.appendTo('#grid');