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

Question

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

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

<input type="file">

因此用户可以选择图片之类的文件并将其显示在网格中

Answer 1

是的，可以在单元格中使用自定义组件，例如：

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

标题定义类似于

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

这在您的名为Attachment且带有字段文件的列中，它将在您提供fileRender的位置呈现FileUploadComponent。

引用Docs for FrameworkComponents