Sabtu kemarin, di kantor saya menyibukkan diri untuk meriset JasperReports untuk mendukung fitur drill down report, itu tuh, report yang bisa manggil report/form lain. Dalam kasus saya, saya ingin menampilkan report detail atas chart yang saya klik. Sebagai studi kasus saya ingin membuat pie chart untuk menampilkan data 5 customer dengan total penjualan terbesar, kemudian ketika bagian pie saya klik maka akan ditampilkan daftar penjualan atas customer tersebut.
Saya teringat bahwa JasperReports memiliki fitur Hyperlink, sehingga saya pun melakukan ujicoba dengan mengikuti tutorial dari hasil googling. Namun tidak ada tutorial yang memuaskan dan memenuhi kebutuhan saya, karena kebanyakan tutorial yang ada hanya menggunakan hyperlink untuk mengakses url ataupun mengarahkan report ke halaman tertentu pada report itu sendiri (misalkan hyperlink untuk mengarahkan ke halaman x).
Sedikit frustasi karena riset saya gagal, saya kembali membaca dokumentasi JasperReports pada halaman ini. Alhamdulillah saya menemukan satu keyword penting, yakni JRHyperlinkListener yang dimiliki oleh class JRViewer. (*saya bisa pulang dengan membawa satu petunjuk untuk dicoba di rumah)
Ok, sekarang kita bikin implementasi dari listener tadi untuk studi kasus yang sudah saya sebutkan di atas.
Saya membuat dua table dengan struktur sebagai berikut (*saya pengguna PostgreSQL):
Saya membuat dua buah report melalui iReport,
report pertama berisi chart dengan query sebagai berikut
Kemudian saya mengeset hyperlink dari chart tersebut, klik kanan pada chart dan akses menu Chart Data
Selanjutnya pada dialog Chart details pilih tab Details -> Pie series -> Section hyperlink, ganti opsi Hyperlink target dengan opsi Self, sedangkan Hyperlink type dengan opsi RemoteAnchor.
Dan juga saya menambahkan dua link parameter, BP_NO yang mereferensi pada field $F{bpno}, dan BP_NAME yang mereferensi pada field $F{bpname}.
Sedangkan report kedua saya menggunakan query berikut ini
Seperti querynya, pada report ke-2 saya menambahkan dua parameter BP_NO dan BP_NAME, yang nantinya akan dihubungkan dengan link parameter pada report pertama.
Beralih ke sisi program, saya membuat aplikasi swing melalui Netbeans dengan Maven -> Java Application, bukan Java -> Java Application. Saya pilih maven untuk kemudahan mensetting library/dependency.
Karena saya akan menggunakan JasperViewer untuk menampilkan report dan JasperViewer tidak memiliki method untuk mengakses JRViewer yang memiliki modifier protected (agar bisa menambahkan listener), maka saya membuat class ReportViewer yang meng-extends class JasperViewer dan menambahkan method getJRViewer.
Selanjutnya pada class FrmChartSale (form laporan, saya menggunakan JInternalFrame), saya meng-implements JRHyperlinkListener
dan jangan lupa untuk menambahkan listenernya ke JRViewer
Dan voila, program berjalan dengan baik, ketika chart pada report pertama saya klik, maka report ke-2 akan tampil.
Source codenya bisa diakses melalui repository github saya di https://github.com/ekosuhariyadi.
Happy coding :)
Saya teringat bahwa JasperReports memiliki fitur Hyperlink, sehingga saya pun melakukan ujicoba dengan mengikuti tutorial dari hasil googling. Namun tidak ada tutorial yang memuaskan dan memenuhi kebutuhan saya, karena kebanyakan tutorial yang ada hanya menggunakan hyperlink untuk mengakses url ataupun mengarahkan report ke halaman tertentu pada report itu sendiri (misalkan hyperlink untuk mengarahkan ke halaman x).
Sedikit frustasi karena riset saya gagal, saya kembali membaca dokumentasi JasperReports pada halaman ini. Alhamdulillah saya menemukan satu keyword penting, yakni JRHyperlinkListener yang dimiliki oleh class JRViewer. (*saya bisa pulang dengan membawa satu petunjuk untuk dicoba di rumah)
Ok, sekarang kita bikin implementasi dari listener tadi untuk studi kasus yang sudah saya sebutkan di atas.
Saya membuat dua table dengan struktur sebagai berikut (*saya pengguna PostgreSQL):
CREATE TABLE bp ( bpno VARCHAR(25) NOT NULL, bpname VARCHAR(255) NOT NULL, CONSTRAINT pk_bp PRIMARY KEY (bpno) ); CREATE TABLE sale ( saleno VARCHAR(25) NOT NULL, bpno VARCHAR(25) NOT NULL, saledate DATE NOT NULL, total NUMERIC(19,4) NOT NULL DEFAULT 0, CONSTRAINT pk_sale PRIMARY KEY (saleno), CONSTRAINT fk_sale_rel_bp FOREIGN KEY (bpno) REFERENCES bp(bpno) ON UPDATE CASCADE ON DELETE RESTRICT );
Saya membuat dua buah report melalui iReport,
report pertama berisi chart dengan query sebagai berikut
SELECT a.bpno, bp.bpname, a.total FROM ( SELECT bpno, SUM(total) AS total FROM sale GROUP BY bpno ORDER BY SUM(total) DESC LIMIT 5 ) a JOIN bp ON a.bpno=bp.bpno ORDER BY total DESC
Kemudian saya mengeset hyperlink dari chart tersebut, klik kanan pada chart dan akses menu Chart Data
Chart Data |
Selanjutnya pada dialog Chart details pilih tab Details -> Pie series -> Section hyperlink, ganti opsi Hyperlink target dengan opsi Self, sedangkan Hyperlink type dengan opsi RemoteAnchor.
Dan juga saya menambahkan dua link parameter, BP_NO yang mereferensi pada field $F{bpno}, dan BP_NAME yang mereferensi pada field $F{bpname}.
Hyperlink |
SELECT bpno, saledate, saleno, total FROM sale WHERE bpno=$P{BP_NO}
Seperti querynya, pada report ke-2 saya menambahkan dua parameter BP_NO dan BP_NAME, yang nantinya akan dihubungkan dengan link parameter pada report pertama.
Beralih ke sisi program, saya membuat aplikasi swing melalui Netbeans dengan Maven -> Java Application, bukan Java -> Java Application. Saya pilih maven untuk kemudahan mensetting library/dependency.
Karena saya akan menggunakan JasperViewer untuk menampilkan report dan JasperViewer tidak memiliki method untuk mengakses JRViewer yang memiliki modifier protected (agar bisa menambahkan listener), maka saya membuat class ReportViewer yang meng-extends class JasperViewer dan menambahkan method getJRViewer.
public JRViewer getJRViewer() { return viewer; }
Selanjutnya pada class FrmChartSale (form laporan, saya menggunakan JInternalFrame), saya meng-implements JRHyperlinkListener
public class FrmChartSale extends ReportIFrame implements JRHyperlinkListener { @Override public void gotoHyperlink(JRPrintHyperlink hyperlink) throws JRException { parameterMap = new HashMap(); List<JRPrintHyperlinkParameter> parameters = hyperlink.getHyperlinkParameters().getParameters(); for (JRPrintHyperlinkParameter parameter : parameters) { parameterMap.put(parameter.getName(), parameter.getValue()); } hyperlinkMode = true; viewReport(this.getTitle() + " | Daftar Penjualan"); } }
dan jangan lupa untuk menambahkan listenernya ke JRViewer
@Override public void registerHyperlinkListener() { jasperViewer.getJRViewer().addHyperlinkListener(this); }
Dan voila, program berjalan dengan baik, ketika chart pada report pertama saya klik, maka report ke-2 akan tampil.
Source codenya bisa diakses melalui repository github saya di https://github.com/ekosuhariyadi.
Happy coding :)
Comments
Post a Comment