登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

7 主题	25 帖子	76 积分

积分: 76

260
金币
7
主题
25
帖子

最新发帖

[已处理] 【16.1.4】不显示设计器组件，但是想通过自定义按钮来调起设计器组件的打印弹框

张某某
注册会员 / 发表于：2023-8-16 18:13 / 查看：2041 / 回复：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，将它隐藏，代码如下：

// 找到设计器组件的Element，将其隐藏
document.querySelector('div.ribbon').style.display = 'none'

复制代码

设计器.png40363463.png

隐藏.png839179382.png

调用设计器的打印功能同样可以沿用上面的思路，找到对应的Element，调用它的click方法，代码如下：

// 找到文件按钮，调用点击事件
document.querySelector('span.fileButton').click()
// 找到打印按钮，调用点击事件
document.querySelector('[title=打印]').click()

复制代码

打印.png104625243.png

评分

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

查看全部评分

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2023-8-17 10:52:08 板凳

您好，可以参考楼上的结局方案。

回复 使用道具举报

张某某
注册会员 / 发表于：2023-8-17 14:31:14 地板

好的，明白了，我试一下

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2023-8-17 14:35:54 5^#

回复 使用道具举报

张某某
注册会员 / 发表于：2023-8-17 18:43:34 6^#

感谢感谢，按照上面的方案已经解决了。

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2023-8-18 10:03:19 7^#

好的，那就先结贴了，后续有其他问题的话随时开贴提问哈。

回复 使用道具举报