Belajar pemrograman berbasis web php dhtmlx part 6 export data

7
Belajar Pemrograman Web menggunakan DHTMLX Part 6 “Export data dari Grid ke Excel XLSX - PDF” (SOURCE CODE)

Transcript of Belajar pemrograman berbasis web php dhtmlx part 6 export data

Page 1: Belajar pemrograman berbasis web php dhtmlx part 6   export data

Belajar Pemrograman Web menggunakan DHTMLX Part 6

“Export data dari Grid ke Excel XLSX - PDF”(SOURCE CODE)

Page 2: Belajar pemrograman berbasis web php dhtmlx part 6   export data

EXPORT GRID KE XLSX/PDF

Pada tulisan kali ini akan dibahas bagaimana caranya export data dari Grid ke Excel dan PDF. DHTMLX menyediakan library yang dipersiapkan sedemikian rupa sehingga hanya membutuhkan sebaris kode. Untuk proses export ini, hal penting yang perlu diingat adalah:

- Jumlah data yang akan di-export, semakin banyak maka waktu yang dibutuhkan semakin lama

- Module XDebug yang diaktifkan(enabled) pada PHP akan membuat proses export jauh lebih lama dari biasanya , anda bisa melihat dengan phpinfo()

Library yang dibutuhkan :1. Grid-pdf-php, dengan komponen penyusun yang utamanya TCPDF

(http://dhtmlx.com/x/download/regular/grid-pdf-php.zip)2. Grid-excel-php, dengan komponen penyusun yang utamanya PHP Excel

(http://dhtmlx.com/x/download/regular/grid-excel-php.zip)

Setelah library diatas didownload, extract ke dalam directory/folder codebase, misalnya pada xampp (htdocs/codebase)

Page 3: Belajar pemrograman berbasis web php dhtmlx part 6   export data

Kita menulis kode program pada 2 file terpisah yaitu:

1. index.html (untuk view)2. grid.php (untuk controller grid)

Langsung saja pada kode program,

1. index.html1. <!DOCTYPE html>2. <html>3. <head>4. <title>DHTMLX Web Apps</title>5. <style>6. html,body {7. width: 100%;8. height: 100%;9. margin: 0px;10. overflow: hidden;

}11. </style>12. <link rel="stylesheet" href="../../codebase/dhtmlx.css">13. <script src="../../codebase/dhtmlx.js"></script>14. </head>15. <body>16. <div id="myID" style="width: 600px; height: 300px"></div>17.18. <script>19. var myGrid = new dhtmlXGridObject("myID");20. myGrid.setHeader("Nama,Alamat");21. myGrid.setColTypes("ro,ro");22. myGrid.attachHeader("#text_filter,#text_filter");23. myGrid.attachFooter("-,Footer1");24. myGrid.attachFooter("-,Footer2");25. myGrid.init();26.27. myGrid.load("grid.php"); //muat database ke grid28.29. function toXLS() {30.

myGrid.toExcel("../../codebase/grid-excel-php/generate.php"); 31. }32.33. function toPDF() {34. myGrid.toPDF("../../codebase/grid-pdf-php/generate.php"); 35. }36.37. </script>38.39. <p></p>40. <p><a href="javascript:void(0)" onclick="toXLS()">to Excel</a></p>41. <p></p>42. <p><a href="javascript:void(0)" onclick="toPDF()">to PDF</a></p>43. </body>44. </html>

Page 4: Belajar pemrograman berbasis web php dhtmlx part 6   export data

Penjelasan index.html

- Baris 30, untuk export ke Excel dengan perintah namaGrid.toExcel lalu tentukan posisi library Excel

- Baris 34, untuk export ke PDF dengan perintah namaGrid.toPDF lalu tentukan posisi library PDF

TAMPILAN

SETELAH EXPORT KE EXCEL

Page 5: Belajar pemrograman berbasis web php dhtmlx part 6   export data

SETELAH EXPORT KE PDF

2. grid.php1. <?php2. include ("../../../codebase/connector/grid_connector.php");3. include ("../../../codebase/connector/db_pdo.php");4.5. $dbtype = "mysql";6. $dbhost = "127.0.0.1";7. $dbname = "test";

$dbuser = "root";8. $dbpassword = ""; 9. $dbcharset = "utf8";10.11. $dsn = "mysql:host=$dbhost;dbname=$dbname;charset=$dbcharset";12. $dbconn = new PDO($dsn, $dbuser, $dbpassword);13.14. $data = new GridConnector($dbconn, "PDO");15. $data->render_table("alamat", "id", "nama,alamat");16. ?>

Page 6: Belajar pemrograman berbasis web php dhtmlx part 6   export data

Demikianlah pembahasan Export data dari Grid ke Excel dan PDF dengan menggunakan DHTMLX.

• Demo bisa dicoba di http://tobingvps.com/tutorial/6/index.html

• Source code dapat diperoleh di http://tobingvps.com/tutorial/6/export.zip

PENULIS

Manuppak L. Tobing

Masih Newbie dalam DHTMLX Programming

http://tobingvps.com – Membahas DHTMLX, PHP dan MySQL

Email: [email protected]