Salutation tout le monde!

Voila j'essaie d'utiliser jqgrid sous zend framework et malheureusement sans succès. Dans mon controller je récupère la liste de tout les utilisateurs et j'essaie de les afficher dans un tableau dans lequel j'applique le jqgrid.

voici l'action de mon controller:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 public function indexAction()
    {
 
//$this->_helper->layout->disableLayout();
  // $this->_helper->viewRenderer->setNoRender(true); 
       $table_utilisateur = new Application_Model_User();
        $select_utilisateur = $table_utilisateur->fetchAll();
 
       // $response = new stdClass();
        $i = 0;
        foreach ($select_utilisateur  as $utilisateur) {
            $response['rows'][$i]['id']=$utilisateur->ID_UTILISATEUR; //id
            $response['rows'][$i]['cell']=array($utilisateur->ID_UTILISATEUR,$utilisateur->NOM_UTILISATEUR,$r->PRENOM_UTILISATEUR);
           $i++; 
        }
        $this->_helper->json($response);
 
 
    }
Mon layout de ma page général:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
 
<head>
    <?php echo $this->headTitle() ?>
    <?php echo $this->headMeta() ?>
    <?php echo $this->headLink() ?>
    <?php echo $this->headStyle() ?>
    <?php echo $this->headScript() ?>
 
</head>
 
    <body>
        <div class="banniere" style="width:100%; height:50px; background:black"> Logo 
 
        </div>
 
       <ul id="menu">
	<li><a>Appareils</a>
		<ul>
			<li><a onclick='getForm("appareil", "getpost")'>Ajouter un nouvel appareil</a></li>
			<li><a onclick='getForm("index", "index")'>Gestion des Appareils</a></li>
                        <li><a>Gestion des types d'appareils</a></li>
                        <li><a onclick='getForm("typeappareil", "getpost")'>Ajouter un type d'appareil</a></li>
		</ul>
	</li>
        <li><a>Utilisateurs</a>
		<ul>
			<li><a onclick='getForm("utilisateurs", "getpost")'>Ajouter un utilisateur</a></li>
			<li><a href="<?php echo $this->url(array('controller'=>'utilisateurs', 'action'=>'index'), null, true);?>">Gestion des utilisateurs</a></li>	
 
		</ul>
	</li>
        <li><a>Forfait</a>
		<ul>
			<li><a onclick='getForm("forfait", "getpost")'>Ajouter un forfait</a></li>
			<li><a>Gestion des forfaits</a></li>
 
		</ul>
	</li>
        <li><a>Option</a>
		<ul>
			<li><a onclick='getForm("option", "getpost")'>Ajouter une option</a></li>
			 <li><a>Gestion des options</a></li>
 
		</ul>
	</li>
        <li><a>Historique des dépenses</a></li>
    </ul>
 
       <div id="corps" style='' >
                      <div id="Page" style=''>  
                        <?php echo $this->layout()->content; ?>
                       </div>  
         </div>
 
 
        <div id="indicatorDiv" style="z-index: 1; visibility: hidden; display: none; ">
                                        <img src="<?php echo $this->baseurl().'/public/css/img/indicator.gif';?>" width="32" height="32" border="0"/>
 </div>
 
 
    </body>
 
</html>
Et voici mon index.phtml ou j'ai le tableau ou je souhaite afficher mes utilisateurs (+ javascript):

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<div>
 
  <h1>Liste des Utilisateurs</h1>
 
     <table id="grid_id">
 
     </table>
</div>
<script type=”text/javascript”>
 
    $(document).ready(function(){
        alert("coucou");
      // jQuery("#grid_id").jqGrid( ); 
      $("#grid_id").jqGrid($.jgrid //{}
            width: 900,
            height: 240,
            autowidth: true,
            rownumbers: true,
            rownumWidth: 40,
            url:'<?php //echo $this->baseUrl() ?>/utilisateurs/index',
            datatype: 'json',
            mtype: 'POST',
            colNames:['No','Nom Utilisateur','Prenom utilisateur'],
            colModel :[
                {name:'id', index:'id',
                    width:55,
                    hidden:true
                },
                {name:'Nom Utilisateur', index:'Nom Utilisateur',
                    width:50,
                    sortable:true,
                    editable:true,
                    editoptions:{size:30}
                },
                {name:'Prenom utilisateur', index:'Prenom utilisateur',
                    width:50,
                    sortable:true,
                    editable:true,
                    editoptions:{size:30}
                }
            ]*/
 
 
        );
    });
 
</script>
Je pense savoir d’où viens le problème car en regardant dans le débogueur je me suis aperçu qu'après le clique dans le menu, ma page index est balayée et remplacée par une balise pre qui contient les utilisateurs en json. Mais je sais pas comment régler le problème. Et aussi j'espère être au bon endroit car je sais pas trop si le problème viens du php ou du javascript donc désolé d'avance si je ne suis pas au bon endroit. Si quelqu'un peux vraiment m'aider se serai sympa et je l'en remercie d'avance car je bloque depuis un moment....