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

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

上面的代码将呈现一个输入框，但问题是，当我按下输入字段中的箭头键，光标不输入框内移动，（我有使用我的鼠标点击在输入框中的第二个位置）。然而，空间和退格正在起作用。这是一个与ag网格有关的问题吗？任何帮助将不胜感激呈现输入文本框不响应箭头键

来源

2017-08-09 user3205479

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

您可以通过监听键盘事件对他们采取行动覆盖此：

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（心情列）

来源

2017-08-09 18:03:55

我在谈论的CellRenderer和你解决方案在celleditor上？你可以请检查一下吗？ – user3205479

如果你要提供输入，那么编辑器更合适 - 你可以尝试对渲染器做同样的事情，但这需要更多的工作。你只是想显示单元格值，还是使用输入来编辑它？ –

我必须执行编辑操作，但是有没有解决方案可以为cellrenderer做？请让我知道 – user3205479

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

回答

相关问题