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

Question

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

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

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

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

我想要这样的东西：

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

如果第一个解决方案不错，请告诉我！

Answer 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

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

Redirect page on row click | Passing argument to onRowClicked event | ag-grid

javascript

ag-grid