与 cellFocused 相对的 Ag-grid 方法

Question

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

感谢您的回复。

Answer 1

我找到了一种支持onBlur事件的方法。 由于 ag-grid 没有内置方法，我为焦点单元节点创建了自己的事件侦听器，并在失去焦点 state 后将其删除。

所以，我的代码看起来像这样。 在反应 class 里面我有 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}
         />
    );
}