Ag-grid对cellFocused的相反方法

IT技术 javascript angular reactjs ag-grid
2021-05-11 07:54:12

伙计们!有谁知道cellFocused在 ag-grid 中的相反方法我需要检测焦点单元格何时失去焦点并运行一些操作。

感谢您的回复。

在此处输入图片说明

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}
         />
    );
}