agGridReact фокусирует элементы cellRendererComponent - PullRequest
Новая
       98

agGridReact фокусирует элементы cellRendererComponent

0 голосов
/ 07 апреля 2020

Я реализую функциональность навигации с помощью клавиатуры в agGridReact,

Я использую свойство cellRendererFramework colDef для визуализации компонента реагирования на заказ, как показано ниже 

const columnDefs = [{ headerName: 'Athlete', field: 'athlete', cellRendererFramework: InputRenderer }, ...]

компонент выглядит примерно так, как показано ниже, каждый столбец имеет их собственный компонент рендерера 

class InputRenderer extends React.Component { 
render() { 
<input value={this.props.value} />
}
}

Grid looks like 
<AgGridReact> 
  columnDefs={this.state.columnDefs}
  singleClickEdit={true}
  onGridReady={onGridReady}
  rowData={this.state.rowData}
suppressCellSelection={true}
</AgGridReact>

Мне нужно переходить только от этих табулируемых элементов, то есть от ввода отображаемого значения столбца 1, когда я нажимаю вкладку, он должен фокусироваться на поле ввода cellRendererComponent столбца 1, потерян бит Вот. На сайте ag-grid есть примеры (https://www.ag-grid.com/javascript-grid-cell-editing/), но они не используют настраиваемый компонент реакции, он перемещается по их примеру, но использует встроенные поля редактора, столбцы с редактируемым свойством, установленным в true, вместо этого я есть пользовательские компоненты реагирования.

ниже показано, что я получаю, фокус не на кнопке и не на вводе enter image description here, то, что я ищу, - это когда фокус вкладки должен быть при нажатии кнопки следующего столбца нажатие на вкладку этой кнопки должно переместить фокус в поле ввода рядом с ней и т. д.

...