typescript - DevExtreme Angular PivotGrid - 事件委托

Question

我在 Angular 应用程序中使用DevExtereme Pivot Grid。他们没有编辑功能，因为它是一个报告工具。我使用onCellClick事件来处理我的编辑要求，如下所示：

async onCellClick(e: any) {
    if (e.area == "data" && this.editable && e.cell.value != null && !isNaN(e.cell.value)) {
      e.cellElement.innerHTML = `<input type="text" class="editable-input" value='${e.cell.value}' ></input>`;
      e.cellElement.querySelector('input').focus();
      e.cellElement.querySelector('input').addEventListener('focusout', (event: any) => {
        // my edit logic goes here.....
      });
    }
  }

这工作正常。现在，当用户在第一个单元格的文本框中点击 Tab 键时，我想让下一个单元格可编辑。

onCellClick事件参数公开以下属性。这里，cellElement 属性由nextSibling对象组成。

在当前单元格的focusOut上，有什么方法可以将相同的onCellClick事件委托给当前选定单元格的下一个兄弟姐妹？以便下一个单元格可以对其调用onCellClick事件并转到可编辑模式。