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