呈现的输入文本框不响应方向键

Question

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

上面的代码将呈现一个输入框，但问题是当我在输入字段内按下箭头键时，光标没有在输入框内移动，（我必须使用鼠标点击才能进入第二个位置输入框）。然而 space 和 backspace 正在工作。这是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 以了解此（情绪栏）的工作示例

呈现的输入文本框不响应方向键

rendered input text box does not respond to arrow keys

javascript

ag-grid