找回密码
 立即注册

QQ登录

只需一步,快速开始

张某某

注册会员

7

主题

25

帖子

76

积分

注册会员

积分
76
张某某
注册会员   /  发表于:2023-8-16 18:13  /   查看:2043  /  回复:6
本帖最后由 张某某 于 2023-8-16 18:24 编辑

1、我们购买了 spreadjs 和 设计器组件的功能
2、我们用设计器组件主要是想用它封装的打印功能
3、我们的需求场景是:页面上不显示设计器组件的UI,但是想要调用设计器组件的打印功能
4、问题:
      1)怎么隐藏掉整个设计器组件的UI
      2)怎么能调用设计器组件的打印功能

6 个回复

倒序浏览
Banana
注册会员   /  发表于:2023-8-17 09:01:05
沙发
本帖最后由 Banana 于 2023-8-17 09:28 编辑

根据您的描述,您想要实现的功能是不显示设计器面板,但是需要打印文件时,还想使用和设计器中文件打印一样的功能、一样的页面样式。
隐藏设计器的思路可以通过找到设计器组件的Element,将它隐藏,代码如下:
  1. // 找到设计器组件的Element,将其隐藏
  2. document.querySelector('div.ribbon').style.display = 'none'
复制代码
设计器.png40363463.png
隐藏.png839179382.png
调用设计器的打印功能同样可以沿用上面的思路,找到对应的Element,调用它的click方法,代码如下:
  1. // 找到文件按钮,调用点击事件
  2. document.querySelector('span.fileButton').click()

  3. // 找到打印按钮,调用点击事件
  4. document.querySelector('[title=打印]').click()
复制代码
打印.png104625243.png








评分

参与人数 1金币 +500 收起 理由
Joestar.Xu + 500 很给力!

查看全部评分

回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-17 10:52:08
板凳
您好,可以参考楼上的结局方案。
回复 使用道具 举报
张某某
注册会员   /  发表于:2023-8-17 14:31:14
地板
好的,明白了,我试一下
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-17 14:35:54
5#
回复 使用道具 举报
张某某
注册会员   /  发表于:2023-8-17 18:43:34
6#
感谢感谢,按照上面的方案已经解决了。
回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-18 10:03:19
7#
好的,那就先结贴了,后续有其他问题的话随时开贴提问哈。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部