Можно ли сделать специальный редактор ячеек AG Grid с помощью <input type = "file" />

Question

У меня есть несколько задач для создания собственного редактора ячеек для ReactJS AG Grid. ссылка

возможно ли создать пользовательский редактор ячеек с вводом html-файла?

<input type="file">

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

Answer 1

Да, в ячейке можно использовать пользовательский компонент с некоторыми конфигурациями, такими как:

           <AggGrid
                .....
                onRowDragEnd={this.handleRowDrag}
                frameworkComponents={{
                    fileRenderer: FileUploadComponent
                }}/>

Определение заголовка будет похоже на

[
 ...,
 {headerName: 'Attachment', field: 'file',minWidth: 100, cellRenderer: 
 'fileRenderer'},
...
]

это в вашем столбце с именем Attachment с файлом поля будет отображаться fileRender там, где вы указали FileUploadComponent.

См. Документы для FrameworkComponents