Discussion :

[pelloq1]

Bonjour,

J'ai une base de données mysql, avec une table organisée comme cela:

Code :

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

Id | Nom | idparent | ordre

Tout fonctionne très bien, le résultat donne un truc genre:

Code :

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

1
2
3
4
5
6
7
 - Catégorie 1
 - - sous cat 1.1
 - - sous cat 1.2
 - - sous sous cat 1.2.1
 - - sous cat 1.3
 - catégorie 2
 ....

Partant de là j'aimerai créer une interface pour modifier cette liste, à l'aide d'Ajax. Que je puisse intenter une branche, en remonter une, etc c'est à dire en indentant 'sous cat 1.3', il serait enfant de sous sous cat 1.2.1 par exemple.

Est-ce qu'il espxiste déjà des scripts pour faire ça?

Merci, Cédric

[tdutrion]

Bonjour,

Je pense que ce n'est pas la bonne approche en terme de base de données... Le problème c'est que c'est connu mais chiant à implementer.

Regardes du côté des modèles de gestion de données hierachiques.

[pelloq1]

Je me suis mal exprimé. La structure de la base est fixé, je ne peux pas la modifier.

C'est surtout une méthode pour le user qui doit modifier la liste que je cherche.

En fait ce sont des longues table des matières qui sont importées, et qu'il faut mettre en forme de parent-enfant. Et difficulté supplémentaires ces tables des matières sont sujettes à modifications fréquentes des ouvrages (des règlements en fait).

Actuellement on modifie un élément en sélectionnant le parent, et l'ordre, c'est tout sauf pratique.

Cédric

[Kontas]

Salut,

Où coince tu ? Pour créer l'interface de gestion de ton menu, pour les interactions ou pour enregistrer les modifs ?

[pelloq1]

Dans l'interface. Mais ce n'est pas un menu, vraiment un moyen de rapidement hiérarchiser les chapitres.

Dans mes rêves les plus fous j'imagine une liste d'éléments empilés que je peux drag and droper de haut en bas ou déplacer de gauche à droite pour créer des sous catégories .... Avec bootstrap.....

[Celira]

Donc le problème, ce n'est pas tant la base de données que faire une interface qui recalcule toute seule les parents. Quelque chose comme ça peut-être : https://github.com/gilek/bootstrap-gtreetable ?

[Dendrite]

Merci Célira de tes tuyaux.
Moi, je voudrais juste vérifier quelque chose, encore côté db, pelloq1, peux-tu nous montrer la requête SQL qui renvoie ton résultat ?

- Catégorie 1
- - sous cat 1.1
- - sous cat 1.2
- - sous sous cat 1.2.1
- - sous cat 1.3
- catégorie 2
....

Ta table est ce qu'on appelle une table avec une auto-jointure, un truc très classique pour une structure hiérarchique.
Il faut donc bien vérifier que
1) il y a une clé interne qui dit que le champ idparent est toujours un truc qui existe déjà dans id, mais il a aussi le droit d'être nul (voir 2).
2) Seul le noeud tout au sommet, dans ton cas qui n'existerait qu'abstraitement, aurait un parent NULL. Appelle le racine par exemple.
3) Ce qui te permet ensuite de poser les actions à mener en cascade, en cas d'update, en cas de delete... Le plus souvent, on cascade update, mais surtout, on delete, do nothing, parce que quand on veut deleter un champ parent, il faudra vérifier via le code que l'on veut bien deleter le parent ET tous ses enfants, et pas le faire direct dans la base sans sécurité.

Parce que si on fait ce genre de table sans utiliser cette clé d'auto-jointure, on ne pourra guère en profiter, de tout le côté pratique en cascade (gérés directement dans la base) des noeuds enfants en cas de changement.

J'ai une autre question : tes profondeurs de noeuds sont toujours mobiles, genre de 1 à n, ou bien tu ne descends jamais en dessous du niveau "sous sous cat 1.2.1" (4 noeuds maxi tout au plus) ?
Si tu réponds, je te dirai pourquoi je pose la question, qui a une très grande importance.

[pelloq1]

Merci Celira, c'est bien cela qu'il me falait.

Mainteant au niveau achitecture de la table, voilà:

Code sql :

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

1
2
3
4
5
6
7
8
9
CREATE TABLE IF NOT EXISTS `pec_documentation` (
`id` int(11) UNSIGNED NOT NULL AUTO_INCREMENT,
`ordering` INT(11)  NOT NULL ,
`id_parent` INT NOT NULL ,
`chapitre` VARCHAR(255)  NOT NULL ,
`titre` VARCHAR(255)  NOT NULL ,
`original` TEXT NOT NULL ,
PRIMARY KEY (`id`)
) DEFAULT COLLATE=utf8_general_ci;

Le champs ordering permet de trier les éléments dans un sous niveau.

Pour construire l'arborescence, je fait tout d'abord un (les syntaxes sont peut etre pas juste car j'utilise une API ...):

Code sql :

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

select id as catid, id_parent as parentid, titre as title, ordering from pec_documentation order ordering

puis une fonction récursive qui me crée l'arbre:

Code :

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

1
2
3
4
5
6
7
8
9
10
	protected function _getChildCatOf($categoryList, &$par, &$vRes, $indent){
		if(count($categoryList) > 0) {
	    	foreach($categoryList as $category) {
				if($category->parentid == $par) {
		    		$vRes[] = JHTML::_('select.option', $category->catid, $indent.stripcslashes( stripslashes( stripslashes($category->title)))) ;
					$this->_getChildCatOf($categoryList, $category->catid, $vRes, $indent);
				}
	    	}
		}
	}

Voilà, je suis curieux de voir la réaction insurgée de Dendrite !

Cédric