Discussion :

[grinder59]

Bonjour,

je dois réaliser le dev suivant :

- une interface avec une liste
- lorsque l'utilisateur choisit un élément de la liste ça ouvre une sous liste
- lorsque l'utilisateur choisit un élément de la sous liste ça ouvre affiche 3 champs input de texte libre + un bouton enregistrer
- l'utilisateur saisit du texte dans les inputs et clic sur le bouton enregistrer
- au clic sur le bouton enregistrer, sa sélection (liste / sous liste + 3 champs) est affichée et une croix permet de la supprimer

Ma question est la suivante : quel structure permet de stocker au mieux les éléments sélectionnés ? Ma façon de faire est la suivante :

1. Enregistrement :
Lorsque l'utilisateur clique sur le bouton enregistrer, je crée un tableau avec les différents éléments (item de la liste, item de la sous liste, champs) et je range ce tableau dans une case de tableau (j'ai donc 1 tableau à 2 dimensions).

2. Suppression :
Lorsque l'utilisateur supprime une ligne, je parcours le tableau, je stocke dans un tableau temporaire toutes les lignes dont l'indice ne correspond pas à la valeur de la ligne cliquée. A la fin de ma boucle, mon tableau temporaire est mon nouveau tableau

3. Affichage :
Pour afficher la sélection, je parcours le tableau et affiche les lignes

A votre avis, est-ce la bonne façon de faire ? Je trouve que la nécessite de reparcourir tout le tableau pour éliminer la ligne supprimée par l'utilisateur un peu lourde. Qu'en pensez-vous ?

Merci de vos conseils !

[SylvainPV]

Je ne vois pas ce qu'est une ligne dans ton cas. Une capture d'écran serait plus parlante.

Si la sélection est (liste / sous liste + 3 champs), alors le plus simple et naturel est une structure object de type:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
{
   liste: id_liste,
   sous_liste: id_sous_liste,
   champs: ["champ1","champ2","champ3"]
}

[danielhagnoul]

@SylvainPV : voici le résultat de tes bons conseils pour la structure de l'objet

[Golgotha]

Comme quoi, ça a servi