v18 请教一下实现拖拽元素到spread中类似报表模块拖拽效果

Matthew.Xue

类似这种效果，单元格高亮，我看到drag方案是获取坐标设置单元格得背景，感觉有点低效，想问下官方是怎么实现这种效果得（感觉很快），请教一下

Matthew.Xue · Matthew.Xue

您好，目前无法得知spreadjs内部是如何实现的，但是您可以使用html+css的方式，将元素定位在单元格上。
具体的定位的信息需要用getCellRect方法获取单元格左上角距离canvas左上角的距离，再加上canvas距离浏览器左上角的距离来计算。
这边给您提供一个demo，这个demo有点复杂，其中包含了您要的这个功能，您不必关系无关的逻辑，只要看如何监听鼠标的拖动事件和如何设定蓝色小方框的位置就好了，您可以参考一下：
字段列表支持绑定值与显示值不同

image.png511133117.png

其中highligtCell方法是设置方框位置的核心逻辑，decoration变量是边框的div元素，通过搜索这个变量，您可以知道如何监听鼠标在canvas的拖动事件。

空静 · 空静

Matthew.Xue 发表于 2025-3-27 17:12
您好，目前无法得知spreadjs内部是如何实现的，但是您可以使用html+css的方式，将元素定位在单元格上。
具 ...

谢谢老师，这个例子有实现这个效果

Matthew.Xue · Matthew.Xue

空静发表于 2025-3-31 09:45
谢谢老师，这个例子有实现这个效果

好的，您可以依据demo来实现您想要的效果。那这边就先结贴了，有问题请发新帖

		自动登录	找回密码
密码			立即注册

[已处理] v18 请教一下实现拖拽元素到spread中类似报表模块拖拽效果

最佳答案

3 个回复

评分