在彈出窗口中顯示數據並打印頁面

Question

通過單擊名爲「生成報告」或「彙總」的按鈕，某種類型的彈出窗口會顯示彙總收集的數據，顯示像平均值，總數等值。它也帶有一個圖表。在顯示彙總結果的頁面的角落將出現打印按鈕以打印彙總頁面

如何打開新窗口/選項卡或某種類型的部分以顯示報告？ 而我將如何能夠以相同的格式打印它，因爲它是？

Answer 1

您可以使用jQuery UI對話框來創建模態彈出窗口。在這個對話框的內部，你可以把你需要的永恆。但是，如果需要普林它 - 在JS新窗口更好地創造，並把信息有：

window.open(); 

要打印的瀏覽器窗口中的內容只是在的onClick致電您的按鈕：

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

對於我喜歡的圖形信息jqPlot。試試吧 - 這是很好的工具。參見演示here。

如果您需要高質量的打印比生成pdf或xlsx。如果您使用java和tomcat，則可以輕鬆地將JasperServer集成到您的應用程序中。