Bonjour,

Je suis en train de coder un CMS. Et j'utilise le plugin Jstree pour gérer mon arborescence.

J'ai personnalisé les balises <li> et j'ai inséré pas mal de div pour arriver à ce résultat :



Mon problème c'est que lorsque je créé un nouveau dossier, il n'a pas mes div personnalisées et je n'ai vraiment aucune idée de comment je pourrais faire.

J'aimerais arriver à la création de ce code avec la fonction create, bien sur le contenu des div serait vide, je le remplirai avec un bouton modifier.
(J'ai simplifier le code à l’intérieur des balises car j'utilise cakephp et ça donne des trucs à rallonge) :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<li rel="menu">
      <a class="js_menu_titre">
              <p class="jsmenu_titre_taille">Menu_Principal</p>
              <div class="jsmenu_lien">Lien</div>
              <p class="jsmenu_icone">Actif : icone</p>
              <p class="jsmenu_action">Actions : icone_action</p>
      </a>
</li>

Pour le bouton ajouter j'ai la fonction :

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
$("#jsmenu").bind("create.jstree", function (e, data) {
	$.post(
		"/static/v.1.0pre/_demo/server.php", 
		{ 
			"operation" : "create_node", 
			"id" : data.rslt.parent.attr("id").replace("node_",""), 
			"position" : data.rslt.position,
			"title" : data.rslt.name,
			"type" : data.rslt.obj.attr("rel")
		}, 
		function (r) {
			if(r.status) {
				$(data.rslt.obj).attr("id", "node_" + r.id);
			}
			else {
				$.jstree.rollback(data.rlbk);
			}
		}
	);
})
et pour le bouton ajouter :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
function Ajouter() {
	$('#jsmenu').jstree("create", null, "last",{ "attr" : { "rel" : "folder" } });
}
Je vous remercie beaucoup d'avance !