找回密码
 立即注册

QQ登录

只需一步,快速开始

Samuer
金牌服务用户   /  发表于:2021-5-31 15:41  /   查看:4016  /  回复:14
本帖最后由 Samuer 于 2021-5-31 15:44 编辑

spreadjs的容器,在更改外层容器宽高,内部canvas的宽高无法更改

demo.zip

74.29 KB, 下载次数: 106

14 个回复

倒序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-5-31 16:36:59
沙发
您好,
这边运行demo测试结果如下:
多次点击  toggle Style ,designer的高度存在没有更改的问题。

如果与您测试结果不一致,请详细描述您的操作步骤与测试结果。
回复 使用道具 举报
Samuer
金牌服务用户   /  发表于:2021-5-31 17:05:47
板凳
Lynn.Dou 发表于 2021-5-31 16:36
您好,
这边运行demo测试结果如下:
多次点击  toggle Style ,designer的高度存在没有更改的问题。

是的,是这个问题,这个功能在项目中很常用
回复 使用道具 举报
Samuer
金牌服务用户   /  发表于:2021-5-31 17:06:54
地板
Lynn.Dou 发表于 2021-5-31 16:36
您好,
这边运行demo测试结果如下:
多次点击  toggle Style ,designer的高度存在没有更改的问题。

这个里面加了个更改某个value的值,如果去掉这个,那么canvas完全不动
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-5-31 18:10:35
5#
本帖最后由 Lynn.Dou 于 2021-6-2 10:56 编辑

问题1:
经测试,关闭f12调试框,designer高度是正常切换的,如动图所示。
打开调试框出现高度可能不更改的问题,但调试测试,gc-designer-container所在的div,style的height也是随着点击切换的
image.png581618651.png

所以可能是调试框遮挡的原因,关闭调试框此问题未复现。
您也可以实际测试下,如果不一致请在本贴追问。

问题2:
不执行setValue代码时,designer高度不能动态改变。
此问题已复现,这边已将此问题记录下来反馈给研发,待有进展会在本贴更新。
本贴先做保留处理。(SJS-8882)

vue3-style.gif
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-6-4 09:39:35
6#
将toggle方法内代码修改如下:
  1. function toggle() {
  2.       style.height = style.height === '600px' ? '500px' : '600px'
  3.       designer.refresh()
  4.     }
复制代码
image.png334753112.png

回复 使用道具 举报
Samuer
金牌服务用户   /  发表于:2021-6-4 11:08:53
7#
Lynn.Dou 发表于 2021-6-4 09:39
将toggle方法内代码修改如下:

在没有designer的情况下,还是有问题
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-6-4 11:16:50
8#
没有designer,试下 spread.refresh()
refresh起手动刷新的作用
回复 使用道具 举报
Samuer
金牌服务用户   /  发表于:2021-6-4 11:23:36
9#
Lynn.Dou 发表于 2021-6-4 11:16
没有designer,试下 spread.refresh()
refresh起手动刷新的作用

是用的spread.refresh()
spread-style.gif
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2021-6-4 12:00:00
10#
上传下demo,这边测试下。
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部