Ordonner les données dans une boucle each

Version imprimable

Bonjour

J'ai un tableau que je récupère à partir d'un controleur spring boot:

Citation:

[{"numDossier":"do001"}, {"nomArticle":"huile","quantiteEntree":88,"typeArticle":"vidange"}, {"nomArticle":"huile","quantiteEntree":27,"typeArticle":""}, {"numDossier":"do002"}, {"nomArticle":"huile","quantiteEntree":200,"typeArticle":""}]

Et voici comment je récupère ces données dans Ajax:
Code:

1 2 3 4 5 6 7 8 success: function(response, textStatus, jqXHR){ var result = response; $.each(result, function(i, obj) { console.log("Numéro dossier: "+obj.numDossier+"; Nom article: "+obj.nomArticle+"; Type Article: "+obj.typeArticle+"; Quantité entrée: "+obj.quantiteEntree); });
Donc j'ai les données sous cette forme:

Citation:

Numéro dossier: do001; Nom article: undefined; Type Article: undefined; Quantité entrée: undefined
Numéro dossier: undefined; Nom article: huile; Type Article: vidange; Quantité entrée: 88
Numéro dossier: undefined; Nom article: téléphone; Type Article: samsung; Quantité entrée: 27
Numéro dossier: do002; Nom article: undefined; Type Article: undefined; Quantité entrée: undefined
Numéro dossier: undefined; Nom article: chaussure; Type Article:soulier; Quantité entrée: 200

Ce tableau veut dire que pour chaque dossier , j'ai des entrées d'article. Pour le dossier do001, j'ai 2 articles(huile et téléphone) et pour le dossier do002 j'ai un seul article (chaussure).

J'aimerai donc afficher mes données sous cette forme:

Citation:

Numéro dossier: do001
Nom article: huile; Type Article: vidange; Quantité entrée: 88
Nom article: téléphone; Type Article: Samsung; Quantité entrée: 27
Numéro dossier: do002
Nom article: chaussure; Type Article: soulier; Quantité entrée: 200

Merci

Bonjour,

Pourquoi tu gères ça au niveau client et pas serveur ? à ta place je modifierais le code "serveur" afin qu'il ajoute la variable numDossier dans chaque entrée de l'objet:
Code:

1 2 3 4 5 [ {"numDossier":"do001","nomArticle":"telephone","quantiteEntree":88,"typeArticle":"vidange"}, {"numDossier":"do002","nomArticle":"huile","quantiteEntree":200,"typeArticle":""}, {"numDossier":"....","nomArticle":"...","quantiteEntree":"....","typeArticle":"...."} ]
Ou bien grouper les entrées par numDossier :
Code:

1 2 3 4 5 6 7 8 9 10 11 [ {"do001": {"nomArticle":"huile","quantiteEntree":88,"typeArticle":"vidange"}, {"nomArticle":"telephone","quantiteEntree":88,"typeArticle":"vidange"} }, {"do002": {"nomArticle":"huile","quantiteEntree":200,"typeArticle":""}, {"nomArticle":"...","quantiteEntree":"....","typeArticle":"...."} } ]
Comme ça quand les données arrivent dans le success d'ajax, tu n'as qu'à traiter chaque item en fonction de son numDossier, non ?

J'ai pensé à ça, malheureusement je n'ai pas pu faire ça coté serveur. Voici mon code:

Code:

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
@RequestMapping(value="/entrepot", method=RequestMethod.POST)
	public void getAllMagasinage(ModelMap model,@RequestParam(name = "numDossierRecherche") String numDossier, @RequestParam(name = "nomClientRecherche") String nomClient, HttpServletResponse response) throws ServletException, IOException {
 
		 response.setContentType("text/html;charset=UTF-8");
 
		List<Dossier> listeDossiers = null;
		List<Entree> listeEntrees = null;
 
				long  idClient = clientService.findIdClientByNomClient(nomClient);
				listeDossiers = dossierService.findDossierByIdClient(idClient);
 
 
			if (listeDossiers.isEmpty()) {
				response.getWriter().println("Aucun résultat trouvé!!!");
			} 
			else
			{
				List<JSONObject> entities = new ArrayList<JSONObject>();
 
			    for (Dossier d : listeDossiers) {
			    	JSONObject entity = new JSONObject();			    	
			    	entity.put("numDossier", d.getNumDossier());			    	
			    	entities.add(entity);
 
			    	listeEntrees = entreeService.findListEntreeByIdDossier(d.getIdDossier());
			    		for (Entree n : listeEntrees) {
			    			JSONObject entity2 = new JSONObject();
			    			entity2.put("nomArticle", n.getNomArticle());
			    			entity2.put("typeArticle", n.getTypeArticle());
			    			entity2.put("quantiteEntree", n.getQuantiteEntree());
			    			entities.add(entity2);			    			
			    		}
 
			    }
 
			    response.getWriter().println(Arrays.toString(entities.toArray()));
			}
 
	}

22/08/2020, 01h47
Toufik83

Bonjour,

Je n'ai pas les moyens pour tester le code java, par-contre je suis sûr que la solution est au niveau des deux boucles.

Il va falloir renvoyer la discussion sur le forum java web afin d'avoir plus de chance...

Citation:
Envoyé par Toufik83
Bonjour,

Ou bien grouper les entrées par numDossier :
Code:

1 2 3 4 5 6 7 8 9 10 11 [ {"do001": {"nomArticle":"huile","quantiteEntree":88,"typeArticle":"vidange"}, {"nomArticle":"telephone","quantiteEntree":88,"typeArticle":"vidange"} }, {"do002": {"nomArticle":"huile","quantiteEntree":200,"typeArticle":""}, {"nomArticle":"...","quantiteEntree":"....","typeArticle":"...."} } ]
Comme ça quand les données arrivent dans le success d'ajax, tu n'as qu'à traiter chaque item en fonction de son numDossier, non ?
Si tu as remarqué c'est exactement ce que je fais coté serveur, j'ai bien regroupé les entrées par dossier:

Citation:

[{"numDossier":"do001"}, {"nomArticle":"huile","quantiteEntree":88,"typeArticle":"vidange"}, {"nomArticle":"huile","quantiteEntree":27,"typeArticle":""}, {"numDossier":"do002"}, {"nomArticle":"huile","quantiteEntree":200,"typeArticle":""}]

Ok je vais soumettre le problème dans une autre discussion.

Merci

Bonjour,

Sinon si tu ne veux pas modifier le code serveur (même si que j'insiste de le faire), tu peux par exemple filtrer les données comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
let data=[{"numDossier":"do001"}, {"nomArticle":"huile","quantiteEntree":88,"typeArticle":"vidange"}, {"nomArticle":"huile","quantiteEntree":27,"typeArticle":""}, {"numDossier":"do002"}, {"nomArticle":"huile","quantiteEntree":200,"typeArticle":""}],
indexDossier=-1,indexes=[];
 
$(data).each(function(index,elem){
   if(elem.numDossier) {
	 indexDossier=index;
	 indexes.push(index);
   }
    else if(!elem.numDossier && index>indexDossier){
         elem.numDossier=data[indexDossier].numDossier;
   }
});
 
data=$.grep(data,function(elem,index){
	return $.inArray(index,indexes)==-1;
});
 
console.log(data);//affichage