html - 在弹出窗口中显示数据并打印页面

Question

通过单击名为“生成报告”或“汇总”的按钮，某种弹出窗口将显示汇总收集的数据，显示平均值、总计等值......它还带有图表。在显示汇总结果的页面的一角会有一个打印按钮，用于打印汇总页面

我将如何打开一个新窗口/选项卡或某种部分来显示报告？我怎样才能以与它相同的格式打印它？

Answer 1

您可以使用 jQuery UI 对话框来创建模式弹出窗口。在此对话框中，您可以放置​​所需的一切。但是如果需要启动它 - 最好在 js 新窗口中创建并将信息放在那里：

window.open();

要打印浏览器窗口内容，只需为您的按钮调用 onClick：

<input type="button" value="Print" onClick="window.print();" />

对于图形信息，我更喜欢 jqPlot。试试看 - 这是一个不错的工具。在此处查看演示。

如果您需要高质量的打印而不是生成 pdf 或 xlsx。如果您使用 java 和 tomcat，您可以轻松地将 JasperServer 集成到您的应用程序中。