我正尝试使用'drop-files-up-upload'功能扩展 ag-Grid 文档站点(https://www.ag-grid.com/javascript-grid-tree-data/#example-file-browser)中的File浏览器示例。
这个想法是,用户可以将文件拖放到网格上的任何位置。然后,应用程序应检测到文件的放置位置(文件夹/文件路径或空白区域)。通过上传,应用程序可以将该信息发送到服务器。
我添加了 ng2-file-upload (https://github.com/valor-software/ng2-file-upload)来处理文件删除事件和上传本身。
我到目前为止的演示:https://stackblitz.com/edit/angular-rvspzq
我遇到的问题是,我还没有找到一种很好的方法来检测将文件拖放到网格上并能够获取上下文。在演示中,我结合使用了(ng2-file-upload)onFileDrop
事件(以检测丢失的文件)和ag-grid的cellMouseOver
事件(以获取上下文)。这相当有效,但确实要求用户在放置鼠标后移动鼠标光标:如果不这样做,则不会触发cellMouseOver
事件。
有什么建议吗?