呈现的输入文本框不响应箭头键

Question

{ 
    headerName: "Total", 
    field: "total", 
    cellRenderer: (params) => {
         var box = document.createElement("input");
         box.type = "text";
         box.value = "inverse";
         return box;
    }
}

上面的代码将呈现一个输入框，但问题是当我在输入字段内按箭头键时，光标没有在输入框中移动，（我必须用鼠标点击进入输入框中的第二个位置）。但是，空格和退格键正在起作用。这是 ag-grid 的问题吗？非常感谢任何帮助

Answer 1

默认情况下，当使用自定义编辑器时，网格将处理停止编辑给定单元格的箭头键和输入（以及转义）键。

您可以通过监听关键事件并对其进行操作来覆盖它：

MoodEditor.prototype.onKeyDown = function (event) { var key = event.which || event.keyCode; if (key == 37 || // left key == 39) { // right this.toggleMood(); event.stopPropagation(); } };

请参阅 https://www.ag-grid.com/javascript-grid-cell-editor/exampleEditorComponent.html 以获取此示例（情绪列）