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以获取此示例（情绪列）

渲染输入文本框不响应箭头键

1 个答案: