ポップアップにデータを表示してページを印刷

Question

「レポートを生成」または「要約」ボタンをクリックすると、平均、合計などの値を示す収集データを要約したポップアップが表示されます。それはまた、グラフが付属しています。要約結果を表示するページの隅には、要約ページを印刷するための印刷ボタンがあります

レポートを表示するには、新しいウィンドウ/タブまたは何らかのセクションを開くにはどうすればよいですか？ そして、どのように私はそれを同じフォーマットで印刷することができますか？

Answer 1

jQuery UIダイアログを使用してモーダルポップアップを作成できます。このダイアログの内側には、あなたが必要とするものを置くことができます。しかし、それプリングする必要があれば - より良いJS新しいウィンドウで作成し、そこに情報を入れる：

window.open(); 

印刷ブラウザウィンドウのコンテンツには、ちょうどあなたのボタンのonClickの中で呼び出す：私は好むグラフィカルな情報については

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

をjqPlot。試してみてください - それは素敵なツールです。デモhereを参照してください。

高品質印刷が必要な場合は、pdfまたはxlsxを生成するよりも。 javaとtomcatを使用すると、JasperServerを簡単にアプリケーションに統合できます。