【发布时间】:2012-11-16 23:16:20
【问题描述】:
我正在尝试设置一个打印按钮,以便当用户单击它时,将打印 ScrollPanel 的内容,或者至少将其放入某种形式,以便用户可以打印它。不知道什么是最简单的方法,我已经看到有关使用 css 删除其他项目的建议,但我不确定如何执行此操作。有什么建议或帮助吗?我不知道从哪里开始
【问题讨论】:
我正在尝试设置一个打印按钮,以便当用户单击它时,将打印 ScrollPanel 的内容,或者至少将其放入某种形式,以便用户可以打印它。不知道什么是最简单的方法,我已经看到有关使用 css 删除其他项目的建议,但我不确定如何执行此操作。有什么建议或帮助吗?我不知道从哪里开始
【问题讨论】:
您可以尝试提取滚动面板的 dom 内容并将其附加到用户可以 ctrl + p 打印的弹出窗口。
CSS 的做法是在滚动面板元素上附加一个媒体属性(即 MEDIA="print"),但这可能并非在所有浏览器中都兼容——IE8 不支持。
见:http://www.w3.org/TR/CSS21/media.html
兼容性:http://caniuse.com/#search=media
教程:http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
【讨论】:
最简单的方法之一可能是在您的点击处理程序中设置Window.print() 方法并在打印方法之前和之后使用[yourPanelName].seVisible(false),以恢复您的本机 GUI。
【讨论】: