呈現輸入文本框不響應箭頭鍵

Question

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

上面的代碼將呈現一個輸入框，但問題是，當我按下輸入字段中的箭頭鍵，光標不輸入框內移動，（我有使用我的鼠標點擊在輸入框中的第二個位置）。然而，空間和退格正在起作用。這是一個與ag網格有關的問題嗎？任何幫助將不勝感激

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