jquery grid

jquery grid

i m using jquery grid but nothing appears pleaasse help !!! thanks
grid .php
  2. <?php 
  3. require_once 'jq-config.php'; 
  4. // include the jqGrid Class 
  5. require_once ABSPATH."php/jqGrid.php"; 
  6. // include the driver class 
  7. require_once ABSPATH."php/jqGridPdo.php"; 
  8. // Connection to the server 
  9. //$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD); 
  10. try {
  11.   $dns = 'mysql:host=localhost;dbname=gestion_conges';
  12.   $utilisateur = 'root';
  13.   $motDePasse = '';
  14.   $conn= new PDO( $dns, $utilisateur, $motDePasse );
  15. } catch ( Exception $e ) {
  16.   echo "Connection à MySQL impossible : ", $e->getMessage();
  17.   die();
  18. }
  19. // MySQL specific command for the charset 
  20. // Tell the db that we use utf-8 
  21. $conn->query("SET NAMES utf8"); 
  22. // Create the jqGrid instance 
  23. $grid = new jqGridRender($conn); 
  24. // Data from this SQL is 1252 encoded, so we need to tell the grid 
  25. // Set the SQL Data source 
  26. $table = 'personnel'; 
  27. $grid->SelectCommand ='SELECT * FROM '.$table; 
  28. // set the ouput format to XML 
  29. $grid->dataType = 'json'; 
  30. // Let the grid create the model 
  31. $grid->setColModel(); 
  32. // set labels in the header 
  33. $grid->setColProperty("nom", array("label"=>"Nom")); 
  34. $grid->setColProperty("prenom", array("label"=>"Prenom")); 
  35. $grid->setColProperty("date", array("label"=>"Date de naissance")); 
  36. $grid->setColProperty("cin", array("label"=>"CIN")); 
  37. $grid->setColProperty("type", array("label"=>"Type")); 
  38. $grid->setColProperty("num1", array("label"=>"Téléphone(1)")); 
  39. $grid->setColProperty("num2", array("label"=>"Téléphone(2)")); 
  40. $grid->setColProperty("adresse", array("label"=>"Adresse")); 
  41. $grid->setColProperty("matricule", array("label"=>"Matricule")); 

  43. $grid->setUrl('grid.php'); 
  44. // Set some grid options 
  45. //$grid->setGridOptions(array("rowNum"=>10,"rowList"=>array(10,20,30),"sortname"=>"CategoryID"));
  46. // Enable toolbar searching 
  47. $grid->toolbarfilter = true; 
  48. $grid->setFilterOptions(array("stringResult"=>true)); 
  49. // Enjoy 
  50. $grid->renderGrid('#grid','#pager',true, null, null, true,true); 
  51. $conn = null; 
  52. ?>