Jstree : création dynamique de noeuds avec div personnalisée
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 :
http://i71.servimg.com/u/f71/11/07/15/68/arbo10.jpg
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:
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:
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:
1
2
3
| function Ajouter() {
$('#jsmenu').jstree("create", null, "last",{ "attr" : { "rel" : "folder" } });
} |
Je vous remercie beaucoup d'avance !
