行点击重定向页面 |将参数传递给 onRowClicked 事件 |农业网格答案

【问题标题】：Redirect page on row click | Passing argument to onRowClicked event | ag-grid行点击重定向页面 |将参数传递给 onRowClicked 事件 |农业网格
【发布时间】：2021-11-02 21:21:09
【问题描述】：

我不知道如何根据 ag-grid 表中用户单击的行将页面重定向到某个 URL。我需要的只是一行中一个单元格的值。我想出了两种方法：

首先是将所有行设为一个类，然后为其添加一个点击侦听器，但对我来说，当行数很大时，感觉有点丑陋且性能不佳。

第二种方法是制作一个事件，但在这种情况下，我不知道如何从调用它的行传递任何类型的信息。它可以是其中一个单元格的偶数值。

var gridOptions = {
    onRowClicked: event => console.log("Row clicked")
};

我想要类似的东西：

var gridOptions = {
    onRowClicked: event => myFunction(someCell.data)
};

如果第一个解决方案不是一个坏习惯，请告诉我！

【问题讨论】：

标签： javascript ag-grid

【解决方案1】：

将event 参数传递给您的函数，该函数应包含被点击行中的数据。

const gridOptions ={
    rowData: [
        {make: "Toyota", model: "Celica", price: 35000},
        {make: "Ford", model: "Mondeo", price: 32000},
        {make: "Porsche", model: "Boxter", price: 72000}
    ],
    onRowClicked: event => myFunction(event)
   } 

   const myFunction = (event) => {
       console.log('rowData:')
       console.log(event.data)
   }

Demo

【讨论】：

这正是我所需要的。非常感谢！