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:
Mon layout de ma page général:Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Et voici mon index.phtml ou j'ai le tableau ou je souhaite afficher mes utilisateurs (+ javascript):Code:
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>
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....Code:
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>
