Ag-grid的相反方法是cellBlurred。当单元格失去焦点时,将触发cellBlurred事件。
下面是一个使用cellBlurred事件的示例代码:
gridOptions.onCellBlurred = function(params) {
console.log('Cell blurred:', params.value);
// 执行其他操作
};
// 示例数据
var rowData = [
{ make: 'Toyota', model: 'Celica', price: 35000 },
{ make: 'Ford', model: 'Mondeo', price: 32000 },
{ make: 'Porsche', model: 'Boxster', price: 72000 }
];
// 定义列定义
var columnDefs = [
{ headerName: 'Make', field: 'make', editable: true },
{ headerName: 'Model', field: 'model', editable: true },
{ headerName: 'Price', field: 'price', editable: true }
];
// 创建grid实例
var gridOptions = {
columnDefs: columnDefs,
rowData: rowData,
onCellBlurred: onCellBlurred
};
// 将grid实例绑定到DOM元素
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
在上述示例中,当单元格失去焦点时,将打印出单元格的值,并可以执行其他操作。