Chargement d'une table "jqgrid" avec JSON n'affiche rien

**facilus68** · 02/07/2013, 14h51

Bonjour,

J'esseye d'afficher une table avec JSON; coté Java , le JSON est bien alimenté (vérifié avec le debug); coté JSP aucune ligne n'est affichée

Voici le code JSP :

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
$(document).ready(function() {
	jQuery("#liste").jqGrid({
		url : 'ServletControleur?traitement=comptesLister&action=LISTER_COMPTES&fvalide=o',
		datatype : "json",
		colNames : [ 'Compte', 'Type', "Date solde", 'Solde', '' ],
		colModel : [ {
			name : 'compte.numero',
			index : 'numero',
			width : 175,
			sortable : true
		}, {
			name : 'typeCompte',
			index : 'typeCompte',
			width : 70,
			sortable : true
		}, {
			name : 'dateJour',
			index : 'dateJour',
			width : 215,
			editable : true,
			formatter : dthr,
			formatoptions : {
				formatDate : "jj/mm/aaaa"
			},
			sortable : true
		}, {
			name : 'solde.soldeMontant',
			index : 'soldeMontant',
			align : 'right',
			width : 120,
			sortable : true,
			editable : true
		}, {
			name : 'id',
			index : '',
			hidden : true
		} ],
		rowNum : 20,
		jsonReader : {
			id : "id"
		},
		pager : jQuery('#navigateur'),
		sortname : 'AS_NUMERO_ORDRE',
		loadtext : "<img src='../images/ajax-loader.gif' alt='Chargement en cours'/>"
		//Permet d'ajouter des boutons à toutes les lignes de la table
	});
	jQuery("#liste").navGrid('#navigateur',{
		add : false,
		del : false,
		edit : false,
		search : false
	}, //options
	{},
	{
		width : 400,
		url : 'ServletControleur?traitement=TRAITEMENT AJOUT LIGNE'
	} // add options);
});

Code html :

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
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Votre recherche Contient
<ptlib:outputText name="echangeComptesListe.nbListe">
</ptlib:outputText>
comptes
<BR />
<ptlib:if execSiFaux="echangeComptesListe.listeComptesVide">
	<div id="tableDonnees" class="bloc1">
		<!-- la définition de la grille dans le code HTML doit etre une balise "table" avec un attribut class='scroll' -->
		<table id="liste" class="scroll" cellpadding="0" cellspacing="0"></table>
 
		<!-- Navigateur. l'attribut class='scroll' permet de dire que l'on veut utiliser le même theme que pour la table -->
		<div id="navigateur" class="scroll" style="text-align: center;"></div>
	</div>
</ptlib:if>
<ptlib:if execSiVrai="echangeComptesListe.listeComptesVide">
	<div id="noData">Il n'y a pas de comptes correspondant aux
		critères renseignés.</div>
</ptlib:if>