Mengenal AppendGrid di PHP Muhammad Dede Soleman muhammad.dede@raharja.info Abstrak Dalam sisi programming kita dituntut untuk membuat sebuah program semenarik mungkin agar dapat dilihat oleh client lebih menarik dan dapat mengambil banyak minat dari seorang client. Dalam hal ini saya mengenalkan cara membuat tombol add pada php agar ketika diklik akan muncul tambahan tabel baru tanpa loading pada halaman, sehingga tabel lebih terlihat dinamis. Kata Kunci: Programming, Tabel Dinamis, PHP Pendahuluan Dalam perkembangan tahun yang semakin maju pun banyak serangkain yang perlu diinput secara banyak. Sehingga kita perlu membuat program agar dapat melakukan pekerjaan dalam input menginput pada tabel secara dinamis sehingga pekerjaan lebih mudah untuk dilakukan dengan cepat. Maka dari itu saya memperkenalkan sebuah plugin yaitu plugin AppendGrid yang dibuat oleh Albert L dari Hongkong. Dalam plugin ini kita dapat menambahkan beberapa tabel secara langsung tanpa harus melakukan loading pada sebuah halaman web. Yuk mari kita lakukann prakteknya.
Pembahasan Perangkat atau alat yang diperlukan : 1. PC. 2. Notepad. 3. Browser. 4. Xampp atau apache. 5. Jquery (dapat didownload diweb ini https://jquery.com/). 6. Bootstrap (dapat didownload diweb ini http://getbootstrap.com/). Oke saya rasa itu saja mari kita lakukan pembuatannya. 1. Siapkan sebuah koding untuk pembuatan index atau halaman pada awal web kita dengan koding sebagai berikut. - Simpan sintak dibawah ini dengan nama index.php
2. Jangan lupa taruh file hasil download bootstrap dan jquery pada satu folder. Seperti ini :
3. Setelah itu buat file cssnya agar tampilan pada tabel lebih rapih. - Simpan dengan nama style.css. - Letakkan satu folder dengan file yang ada bootstrap dan jquerynya.
4. Setelah itu buat sebuah file lagi dengan nama append.js disini adalah untuk koding pluginnya dari appendgrid-nya. - Simpan dengan nama append.js agar lebih mudah - Simpan dalam satu folder dengan file yang sebelumnya. Ket. Sintak diatas bermaksud agar ketika function pada add_btn ditekan maka akan tampil tabel dibawahnya satu tabel.
5. Setelah semua dibuat berikut tampilannya.
6. Dan jika tombol Add di tekan maka akan muncul tabel row selanjutnya. - Itukan akan terus muncul jika kita terus menekan tombol Add. - Untuk tombol delete itu dapat digunakan tetapi untuk tombol save akan dijelaskan pada artikel selanjutnya :D.
Penutup Cukup sekian dari saya pembelajaran tentang mengenal pluggin AppendGrid dari PHP. Artikel ini bertujuan agar dapat dipelajari oleh para pemula yang baru dari dalam penggunaan dalam tabel dinamis. Dan dapat dikembangkan kembali agar lebih menarik dalam tampilannya. Referensi 1. Pengalaman Pribadi. 2. Materi penjelasan appendgrid. - http://achmatim.net/2013/11/18/jquery-appendgrid-plugin-untukinputan-tabel-dinamis/
Biografi Nama saya Muhammad Dede Soleman, kelahiran Tegal, 09 Juni 1995. cita cita saya menjadi ahli dalam bidang networking. Saya sangat menyukai pembahasan dalam bidang network. Dan baru baru ini saya sangat ingin melakukan beberapa programming agar nanti ketika saya lulus saya dapat memahami beberapa system program terutama dalam bidang bahasa PHP. jika ada pertanyaan atau kesalahan dalam menulis dari saya bisa hubungi WA/Telpon : 0856-9175-6869 atau E-mail : Muhammad.dede@raharja.info. Terima Kasih.