Sabtu, 06 Agustus 2011

jQGrid with JSON Tutorial

Hello friends, we meet again. This time we will learn together about jqGrid. What is jqGrid? This is sort of a collection of code that was formed to facilitate, and beautify the appearance of data. That's in my opinion. :)

jqGrid itself is formed of Javascript, which means to use it. javascript must be active in your browser. If not, then we can never see the beauty jqGrid. :)

Okay, before starting it, first we must download the package of jqGrid. Take it easy, jqGrid provided free of charge. So don't be afraid for asked to pay latter. Please download here. Once downloaded, extract and rename the folder to jqgrid.

Follow this step :

  1. Create a new folder in xampp / htdocs and name it "jqgrid", then copy the downloaded earlier jqgrid into it.
  2. Create a new database, and name db_jqgrid. Then create a table "book" with fields:

  3. Once finished creating the database, now create a new file and name it index.php
    Inside it, typed the code below :
  4. After that, create a new file and rename it to book.php. This file, will take data from database.
    Typed code below :
  5. Finally, open your browser and be sure the javascript is enable.
    And then type in url : http://localhost/coba
  6. And, look how wonderfull jQGrid is it. :)
Oke guys, how about this post? I hope this post will help you. Anymway, some of my friends ask me how to integrated jQGrid with CodeIgniter framework?

In my oppinion, not much different from this post. But, we must write the code with CodeIgniter rules. Allright then, we will discuss about integrating jQGrid in CodeIgniter in my next post.

See you later guys, and Happy Coding all :)

3 komentar:

Can you please provide some sample without using php !? :)

Example Using only HTML

For Download Example:

can somebody please forward me the notes "to add and delete data" in jqGrid using hibernate and data type should be Json
please email me at

Posting Komentar


Twitter Delicious Facebook Digg Stumbleupon Favorites More