在ag-Grid中,可以使用事件监听器来处理单元格的点击事件。下面是一个示例代码,演示如何在ag-Grid中添加可点击事件:
npm install ag-grid-community
import { Grid } from 'ag-grid-community';
document.addEventListener('DOMContentLoaded', function () {
var gridOptions = {
columnDefs: [
{ headerName: 'Make', field: 'make' },
{ headerName: 'Model', field: 'model' },
{ headerName: 'Price', field: 'price' }
],
rowData: [
{ make: 'Toyota', model: 'Celica', price: 35000 },
{ make: 'Ford', model: 'Mondeo', price: 32000 },
{ make: 'Porsche', model: 'Boxster', price: 72000 }
],
onCellClicked: function (params) {
// 在这里处理单元格点击事件
console.log('Cell clicked:', params);
}
};
// 查找容器元素并创建ag-Grid实例
var gridDiv = document.querySelector('#myGrid');
new Grid(gridDiv, gridOptions);
});
在上述代码中,我们定义了一个onCellClicked
函数来处理单元格点击事件。当单元格被点击时,该函数将被调用,并传入一个包含有关点击事件的参数对象。你可以在这个函数中执行任何你想要做的操作。
以上就是在ag-Grid上添加可点击事件的示例代码。