要使ag-grid-angular中的singleClickEdit起作用,您需要确保正确设置了相关的配置选项。这里是一个可能的解决方法,包含相关的代码示例:
import { AgGridModule } from 'ag-grid-angular';
@NgModule({
imports: [
AgGridModule.withComponents([])
]
})
rowData = [
{ make: 'Toyota', model: 'Celica', price: 35000 },
{ make: 'Ford', model: 'Mondeo', price: 32000 },
{ make: 'Porsche', model: 'Boxster', price: 72000 }
];
columnDefs = [
{ headerName: 'Make', field: 'make', editable: true },
{ headerName: 'Model', field: 'model', editable: true },
{ headerName: 'Price', field: 'price', editable: true }
];
onCellValueChanged(params) {
console.log(params);
}
确保单击单元格时,它将进入编辑模式并触发onCellValueChanged事件。
这是一个简单的示例,您可以根据您的需求进行调整。如果仍然无法解决问题,请检查您的版本和配置是否正确,或者在ag-grid的GitHub页面上查看相关问题和解决方案。