Cara Install Plugin Jquery JqGrid Demo Di Localhost

Posted on

Di kesempatan kali ini saya akan menjelaskan bagaimana Cara Install Plugin Jquery JqGrid Demo Di Localhost. Sebelum saya membahas lebih jauh ada baiknya teman-teman tahu terlebih dahulu apa itu JqGrid ?
Jqgrid yakni plugin dari framework Jquery yang digunakan bagi manipulasi data. Di sini Jqgrid mempunyai manfaat antara lain bagi load data, modifikasi delete, search dan masih banyak lagi. Apabila teman-teman biasanya menampilkan data ke pada wujud tabel biasanya, kalau menggunakan Jqgrid data tersebut akan tampil menjadi lebih menarik dan dinamis.

Berikut tahapan instalasi nya:
  • Di contoh di sini saya menggunakan web server xampp.
  • Telebih dahulu teman-teman unduh terlebih dahulu file demo jqgrid, dan bagi contoh disini saya menggunakan versi 3.6 yang dapat didownload di situs resmi nya atau dapat unduh di sini www.4shared.com/zip/Xi05bggEca/jqgrid-v36.html (password zip: brianabraham)
  • Bila telah di unduh kemudian extrak file zip tersebut ke pada root folder htdocs teman-teman, nanti akan ada folder dengan nama jqgrid-v.3.6 .
  • Bikin database baru lewat phpmyadmin dengan nama sesuai keigninan teman-teman, namun di contoh di sini saya membangun database dengan nama jqgrid-brian.
  • Bila telah, import file database.sql yang terdapat di pada folder jqgrid-v.3.6 ke database yang baru saja di bikin, seperti gambar di bawah ini:

cara-install-plugin-jquery-jqgrid-demo-di-localhost

  • Berikutnya teman-teman dapat seketika mengerjakan perubahan konfigurasi koneksi file dbconfig.php, yang terdapat di pada folder jqgrid-v.3.6. disini teman-teman dapat sesuaikan dengan settingan database yang baru di bikin seperti contoh berikut:

  • Save, buka browser dan ketikan domisili seperti berikut: http://localhost/jqrid/jqgrid.html , karenanya akan tampil seperti gambar di bawah:

cara-install-plugin-jquery-jqgrid-demo-di-localhost

  • Dari tampilan tersebut, terlihat fitur di samping kiri tak tampil, ini di sebabkan karena file jquery-ui-1.7.2.kembangkan.min.js tak ada, dan di pada folder tersebut hanya ada file jquery-ui-1.7.1.kembangkan.min.js ,versi di bawah nya dari 1.7.2 yang telah di sediakan dari jqgrid.
  • Bagi memperbaikinya buka file jqgrid.html yang terdapat di pada folder jqgrid-v.3.6 dengan editor masing-masing. Lihat di line atau baris ke 41 yang terdapat kode seperti berikut:

  • Ubah dengan kode seperti berikut:

Cara Install Plugin Jquery JqGrid Demo Di Localhost

Hingga di sini penjelasan saya Cara Install Plugin Jquery JqGrid Demo Di Localhost. Semoga bermanfaat.

sumber :kursuswebprogramming.com/blog/

(Visited 37 times, 1 visits today)

Leave a Reply

Your email address will not be published. Required fields are marked *