DevExtreme Angular PivotGrid - 事件委托

如何解决DevExtreme Angular PivotGrid - 事件委托

我在 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 事件并转到可编辑模式。