【SpreadJS V16】如何实现打印预览

Joestar.Xu

本帖最后由 vfan140 于 2023-9-18 15:09 编辑

在Spreadjs设计器中看到有一个可以实时预览打印效果的功能，想问下，这个功能是否可以不借助设计器实现？

image.png35771178.png

————————————————————————————————————————

翻阅了下论坛里其它的帖子，发现有过相关方案实现：
https://gcdn.grapecity.com.cn/showtopic-68736-1-34.html

但是我下载了其中的demo，发现目前该方案不能正常运行，如下图，打印预览的内容是一片空白。想了解下，这个方案是否有改动？

image.png923774108.png

Joestar.Xu · Joestar.Xu

您好，关于问题一，您可以参考这个帖子中的解决方案：https://gcdn.grapecity.com.cn/showtopic-168795-1-54.html

关于问题二，需要您通过大量的DOM操作来修改iframe中的元素宽高来实现。

image.png746729430.png

Richard.Huang · Richard.Huang

您好，目前无法在不引入Designer的情况下调用打印预览的页面，因为打印页面的模板是Designer的设计，不过您可以调用Designer包后，将工具栏进行隐藏，然后通过模拟点击的方式来实现您的需求，希望以下技术博客可以帮到您：https://gcdn.grapecity.com.cn/showtopic-186430-1-1.html

vfan140 · vfan140

Richard.Huang 发表于 2023-9-18 16:07
您好，目前无法在不引入Designer的情况下调用打印预览的页面，因为打印页面的模板是Designer的设计，不过您 ...

但是这个方案跟我们的交互设计出入可能有点大，我们并不需要完整的打印功能，只需要预览那个功能，我们的设计稿大致如下：

image.png273331298.png

Joestar.Xu · Joestar.Xu

您好，您参考一下这个帖子中的内容，看能否解决您的问题。

https://gcdn.grapecity.com.cn/showtopic-142510-1-11.html

vfan140 · vfan140

Joestar.Xu 发表于 2023-9-18 17:51
您好，您参考一下这个帖子中的内容，看能否解决您的问题。

https://gcdn.grapecity.com.cn/showtopic-14 ...

这个方案是可以看到预览内容的，但是还有两个小细节想问下：
1. 这个iframe里做了什么，我尝试想把这个iframe移动到某个元素下面，发现移动后iframe里的内容被清空
2. iframe内部内容的宽度默认是816px，我想等比缩放到300px，该怎么做？

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

[已处理] 【SpreadJS V16】如何实现打印预览

最佳答案

5 个回复