请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步，快速开始

AI搜索
首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

xiaolong

金牌服务用户

97

主题

378

帖子

1033

积分

金牌服务用户

积分
1033
最新发帖

[已处理] 关于excel的高度问题

xiaolong
金牌服务用户   /  发表于：2018-12-5 11:49  /   查看：6325  /  回复：10
需要实现的功能是点击按钮之后excel宽高发生变化，但是给[size=13.3333px]canvas设置高度之后会压缩单元格，不能实现像excel那样显示的行和列变化吗

10 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2018-12-5 14:30:38
沙发
您好，您要实现内容缩放，还是改变窗口大小？

改变窗口大小只需要更改SpreadJS所在div的长宽即可。

如果要实现内容缩放，可以调用zoom方法实现，

具体可以参考学习指南：

https://demo.grapecity.com.cn/Sp ... e/#/demos/sheetZoom
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-7 15:43:28
板凳
KevinChen 发表于 2018-12-5 14:30
您好，您要实现内容缩放，还是改变窗口大小？

改变窗口大小只需要更改SpreadJS所在div的长宽即可。

您好，我改变div的高度，但是canvas的高度并没有发生变化
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-7 15:47:08
地板
1
image.png124112242.png
image.png775280151.png
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-7 15:48:27
5#
KevinChen 发表于 2018-12-5 14:30
您好，您要实现内容缩放，还是改变窗口大小？

改变窗口大小只需要更改SpreadJS所在div的长宽即可。

现在遇到的问题是高度发生变化后，会把excel的内容进行拉伸，并不是展示的行变多了。照片在下面
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2018-12-7 16:15:08
6#
这种问题我们还从未遇到过，

请您这边提供一个能够重现问题的Demo，打包上传到附件，我们帮您排查一下问题出在哪里。
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-7 19:04:21
7#
这个demo是改变外部div的高度，里面的excel高度不发生变化，需要联网

demo.zip

1.71 MB, 下载次数: 215
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-7 19:04:43
8#
KevinChen 发表于 2018-12-7 16:15
这种问题我们还从未遇到过，

请您这边提供一个能够重现问题的Demo，打包上传到附件，我们帮您排查一下问 ...

上传了一版，您看下
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2018-12-10 09:43:42
9#
您好，感谢您提供了可重现问题的Demo，

您在代码中使用了jquery的animate 函数来改变div样式，

改变完成后需要回调一下spread.refresh()

我把改动部分的代码贴在这里：

  1. $("#btn").click(function() {
  2.                         var spread = GC.Spread.Sheets.findControl("ss");
  3.                         var callback = function(){
  4.                                 spread.refresh();
  5.                         }
  6.                         if(Select_show === 1) {
  7.                                         $(".section3").stop().animate({
  8.                                                         height: "899px",
  9.                                                         width: '1920px'
  10.                                                 },
  11.                                                 "slow",
  12.                                                 null,
  13.                                                 callback
  14.                                         );
  15.                                         $("#vp_vp").stop().animate({
  16.                                                         height: "800px",
  17.                                                         width: '1890px'
  18.                                                 },
  19.                                                 "slow",
  20.                                                 null,
  21.                                                 callback
  22.                                         );
  23.                                         $("#vp").stop().animate({
  24.                                                         height: "800px",
  25.                                                         width: '1890px'
  26.                                                 },
  27.                                                 "slow",
  28.                                                 null,
  29.                                                 callback
  30.                                         );
  31.                                         Select_show=0;
  32.                                 } else {
  33.                                         $(".section3").stop().animate({
  34.                                                         height: "545px",
  35.                                                         maxWidth: '1810px'
  36.                                                 },
  37.                                                 "slow",
  38.                                                 null,
  39.                                                 callback
  40.                                         );
  41.                                         $("#vp_vp").stop().animate({
  42.                                                         height: "474px",
  43.                                                         width: '1788px'
  44.                                                 },
  45.                                                 "slow",
  46.                                                 null,
  47.                                                 callback
  48.                                         );
  49.                                         $("#vp").stop().animate({
  50.                                                         height: "474px",
  51.                                                         width: '1788px'
  52.                                                 },
  53.                                                 "slow",
  54.                                                 null,
  55.                                                 callback
  56.                                         );
  57.                                         Select_show=1;
  58.                                        
  59.                                 }
  60.                 })
复制代码
回复 使用道具 举报
xiaolong
金牌服务用户   /  发表于：2018-12-10 11:08:11
10#
KevinChen 发表于 2018-12-10 09:43
您好，感谢您提供了可重现问题的Demo，

您在代码中使用了jquery的animate 函数来改变div样式，

解决了，谢谢
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2025 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部