Ag-grid对cellFocused的相反方法
IT技术
javascript
angular
reactjs
ag-grid
2021-05-11 07:54:12
1个回答
我找到了一种支持onBlur
事件的方法。由于 ag-grid 没有内置方法,我为焦点单元节点创建了自己的事件侦听器,并在失去焦点状态后将其删除。
所以,我的代码看起来像这样。在 react 类中,我有 3 个额外的方法:
removeCellBlurListener = () => {
const target = document.activeElement;
if (target) {
target.removeEventListener('blur', this.onCellBlur);
}
};
addCellBlurListener = () => {
const target = document.activeElement;
if (target) {
target.addEventListener('blur', this.onCellBlur);
}
};
onCellBlur = () => {
...do something on blur
};
render () {
return (
<AgGridReact
{...restProps}
onCellFocused={(e) => this.addCellBlurListener()}
onGridReady={this.onGridReady}
/>
);
}