v17 vue3使用浮动对象位置计算有问题

Joestar.Xu · Joestar.Xu

我这边在17.1.3和17.1.7两个版本中都测试了一下，均未复现出这个问题：

image.png451342772.png

根据目前的表现，我猜测可能和floatingObject本身的设置无关，可能有其他的设置影响了此处的逻辑，最好是有一个可以复现的Demo我们调研看看。

eyAndrew · eyAndrew

Joestar.Xu 发表于 2024-11-1 13:54
我这边在17.1.3和17.1.7两个版本中都测试了一下，均未复现出这个问题：

demo的话，有没有在线链接，我去处理下，还有一个点，你生成后然后拖动这个浮动元素，挪动位置，拖动的时候卡在单元格中间位置，最后再手动设置开始行结束行开始列结束列，这个时候是不准的。不挪动位置定位是正确的。

Joestar.Xu · Joestar.Xu

您好，这是17.1.8版本的在线Demo，您可以测试看看：

https://demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html

eyAndrew · eyAndrew

eyAndrew 发表于 2024-11-1 14:42
demo的话，有没有在线链接，我去处理下，还有一个点，你生成后然后拖动这个浮动元素，挪动位置，拖动的 ...

或者设置拖动设置大小，这个时候再去 obj.startRow(startRow)
obj.startColumn(startColumn)
obj.endColumn(endColumn)
obj.endRow(endRow)

eyAndrew · eyAndrew

本帖最后由 eyAndrew 于 2024-11-1 15:20 编辑

image.png646817016.png

用官方的demo测试，也能稳定复现呀，我加一个按钮代码如图，然后先拖动这个浮动元素到单元格中间位置不对齐单元格。

eyAndrew · eyAndrew

还有一个问题，这个计算优先级，当我这个浮动元素，同时存在 row endRow col endRow width height 以哪个为准？比如我先设置了 row endRow col endRow来生成这个浮动元素, 然后手动调整了宽高（页面上拖拽 or 代码设置 object.width(), object.height()）

Joestar.Xu · Joestar.Xu

了解了，也就是说先调整了floatingObject的位置后，再设置startRow等接口，出现了偏差。

误差的主要原因在于插入floatingObject时，其本身的宽高位置等信息也会影响设置了startRow\Column和endRow\Column的Offset，这是为了使其相对位置保持不变。

如：

image.png830357360.png

你会发现在调整了始末行列后，Offset不再为0。

Joestar.Xu · Joestar.Xu

具体的计算逻辑比较复杂，您这边具体是有什么样的需求？

eyAndrew · eyAndrew

Joestar.Xu 发表于 2024-11-1 17:51
具体的计算逻辑比较复杂，您这边具体是有什么样的需求？

我的需求是我设置的浮动元素到sheet上，我移动后，在通过startRow endRow 恢复正常，不要偏移呀。
我理解，我恢复初始位置的时候，先把下面这几个偏移量设为0，再处理，就正常么？

Joestar.Xu · Joestar.Xu

了解了，这边调研一下看看是否有相关的方案，后续有进展我会在本帖中回复您。

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

[已处理] v17 vue3使用浮动对象位置计算有问题

浏览过的版块

SpreadJS 认证

SpreadJS 高级认证