Create Report (Basic) With XtraReport DevExpress

Untuk membuat report dengan XtraReport, saya akan membaginya dalam beberapa tahap dan saya menggunakan database access untuk menampilkan data ke dalam XtraReport.

Dalam pembahasan ini, mungkin akan banyak gambar yang di tampilkan, sehingga untuk pemula yang menggunakan XtraReport bisa lebih membayangkan langkah langkah yang harus di perhatikan. Berikut tahapan dalam membuat report dengan Xtrareport.

Basic Control

Buatlah New Project untuk windows application sebagai latihan membuat report, kita namakan dengan XtraReportBasic, setelah terbentuk project, pada form1 lebarkan sesuai dengan keinginan anda, setelah itu masukkan control berikut kedalam form1.

• PrintBarManager
• PrintingSystem

Baiklah, dalam tahap ini , control yang digunakan dalam pembuatan report hanya dua (2) seperti dalam penjelasan di atas.

Dataset

Dataset ini kita perlukan untuk mengambil field dalam table yang akan di tampilkan dalam report, dataset ini membantu untuk merancang tampilan di report sehingga report yang dibuat sesuai dengan keingginan kita.

Dalam pembuatan Dataset ini tergantung dari database yang akan digunakan, setiap database mempunyai cara tersendiri untuk koneksinya dan dalam pembuatannya ada beberapa cara untuk membuat dataset, anda bisa melakukan dengan cara anda sendiri, tidak harus sama dengan artikel ini. Dalam contoh artikel ini, saya akan menggunakan database access.

Pada Project utama, klik kanan mouse, pilih Add, kemudian component, setelah itu pilihlah Dataset, maka akan terbentuk tampilan Dataset, pada Design Dataset klik kanan mouse, kemudian pilihlah TableAdapter, seperti gambar dibawah.

Setelah anda pilih TableAdapter, maka akan tampak seperti berikut :

Karena kita akan menggunakan database acces, maka kita harus mengganti Data Source, klik pada tombol Change, maka akan tampak seperti berikut :

Pilihlah Microsoft Access Database File, maka pada Data provider akan otomatis menjadi ".NET Framework Data Provider for OLEDB" , kemudian klik OK.

Setelah memilih Data Source, kemudian klik tombol Browse... ambil database yang akan digunakan, setelah selesai, masukkan Password database jika ada, jika tidak ada maka kosongkan saja. Jika ingin mencoba apakah koneksi ke database berhasil, tekan tombol Test Connection, jika koneksi berhasil maka akan muncul Connection Successeful, klik tombol OK jika telah selesai.

Jika telah selesai, maka anda hanya tekan tombol Next untuk berikutnya sampai pada posisi nomor 4 pada gambar diatas, pada gambar di atas saya mengambil semua data pada table sample, anda bisa membuat query tersendiri melalui Query Builder.., jika sudah selesai tekan tombol Next

Pada "Create Method to Generate", anda bisa mengganti / merubah keterangan tersebut seperti pada gambar di atas. Jika sudah selesai tekan tombol Finish. maka akan terbentuk TableAdapter seperti pada gambar di bawah ini.

sampai pada posisi ini, kita telah melakukan dua langkah untuk mempersiapkan pembuatan report dengan XtraReport. kita akan melangkah ke tahapan berikutnya.




XtraReport Basic Design
Baiklah, kita sudah memasuki pada tahap tiga untuk pembuatan report, selanjutnya kita akan membuat tampilan dasar report untuk menampilkan data. Pada Project utama klik kanan mouse, kemudian pilih Add, kemudian pilih Component, pilih XtraReport Class xx.x (tergantung dari versi DevXpress)

maka akan terbentuk seperti berikut :

Pada tahap kedua (Dataset), kita telah membuat Dataset berikut dengan TableAdapter, sekarang kita akan menghubungkan Dataset tersebut dengan XtraReport.

Seperti pada gambar dia atas, langkah pertama , klik pada bagian tanda yang dilingkari warna merah, maka akan muncul menu seperti pada gambar di atas, kemudian langkah kedua  adalah pada menu tersebut pilih Project Object, pilih DataSet1,  kemudian lakukan seperti berikut :
Pada Data Source --> pilihlah DataSet1 (dataset yang telah dibuat)
Pada DataMember --> sample (table pada dataset)
Pada DataAdapter --> SampleTableAdapter

Karena yang dibuat hanya satu TableAdapter, maka akan otomatis terisi seperti di atas, jika lebih dari satu maka untuk DataMember dan DataAdapter harus dipilih sesuai dengan data yang akan di tampilkan . Jika telah selesai maka pada Toolbar Fields List, akan tampak DataSet1 dan jika Dropdown akan muncul TableAdapter sample seperti pada gambar di atas.

 Pada tampilan lingkaran merah  di atas tampak terbentuk dalam form report yaitu Dataset11 dan SampleTableAdapter . Selanjutnya pada Fields List untuk Dataset1 sample, klik dan tahan pada noid kemudian letakkan ke dalam form report pada bagian Detail, lakukan untuk semua fields seperti pada gambar di atas, anda bisa lebarkan sesuai dengan keinginan.

Untuk Detail, tingginya bisa di atur disesuaikan dengan field dengan cara klik kiri mouse dan seret ke atas sesuai dengan keinginan anda. Baiklah, anda bisa mempelajadi cara penampilan report disini, seperti header, footer dan lainnya di sini. Kita akan sudahi untuk Basic Design sampai disini dulu, kita tidak terlalu mempermasalahkan tampilan report.

Scripts Report

Inilah bagian akhir dari pembuatan report, dimana didalam program kita akan memanggil form report yang telah kita buat. Dalam Script ini, kita akan membuat koneksi ke database, kemudian menaruhnya didalam DataTable.

            Dim xRpt As New XtraReport1
            Dim oPS As New System.Drawing.Printing.PrinterSettings
            xRpt.DataSource = dtTable
            xRpt.DataMember = xRpt.DataMember
            xRpt.PrinterName = oPS.PrinterName
            xRpt.CreateDocument(True)
            PrintControl1.PrintingSystem = xRpt.PrintingSystem

Karena kita akan tampilkan data pada saat load report maka taruh scripts tersebut pada saat load, jika telah selesai tekan tombol F5, maka akan muncul tampilan seperti berikut :

Anda sudah membuat Basic Report menggunakan XtraReport, anda bisa berkreasi lebih dalam lagi untuk membuat report yang sesuai dengan keinginan anda.

Download

CreateReportWithXtraReport