是否可以使用 <input type="file"/> 制作 AG Grid 自定义单元格编辑器

Question

我有一些任务要为 ReactJS AG Grid 制作自定义单元格编辑器。 link

是否可以使用 html 文件输入制作自定义单元格编辑器？

<input type="file">

这样用户就可以select像图片一样的文件并在网格中显示

Answer 1

是的，可以在具有以下配置的单元格中使用自定义组件：

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

header 定义类似于

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

这在您的名为 Attachment 的列中，它会在您提供 FileUploadComponent.

的字段文件中呈现 fileRender

参考Docs for FrameworkComponents