можно ли сделать пользовательский редактор ячеек AG Grid с ‹input type = file /›

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

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

<input type="file">

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


person Necrofantaisie    schedule 11.04.2019    source источник


Ответы (1)


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

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

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

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

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

См. Документы по компонентам Framework

person Revansiddh    schedule 11.04.2019
comment
вы можете использовать метод onChange этого компонента как обычно и найти другие сведения о строках в this.props - person Revansiddh; 11.04.2019
comment
мне нужен REST API для загрузки файла? - person Necrofantaisie; 11.04.2019
comment
Это зависит от потребностей вашего приложения, хотите ли вы загрузить файл на сервер / хранилище файлов или просто показать на экране. Но все, что вы хотите сделать, можно сделать на этом компоненте. - person Revansiddh; 11.04.2019
comment
хорошо, последний вопрос. если я просто хочу сохранить файл изображения на стороне клиента, где мне его хранить? реагировать состояние? - person Necrofantaisie; 11.04.2019
comment
вы можете сохранить base64 или путь к файлу в состоянии и визуализировать изображение - person Revansiddh; 11.04.2019
comment
Позвольте нам продолжить это обсуждение в чате. - person Revansiddh; 11.04.2019