[Treeview] Limite du plugin treeview?

Bonjour à tous,

J'essaie d'utiliser le plugin treeview de jQuery.
Celui-là : http://bassistance.de/jquery-plugins...ugin-treeview/

Ca marche plutôt bien, sauf quand je commence à vouloir charger trop de données (2700 nœuds).

Firefox me lance l'erreur :

Code:

---

1 2 3 4

Un script sur cette page est peut-être occupé ou ne répond plus. Vous pouvez arrêter le script maintenant ou attendre pour voir si le script se terminera.   Script : http://localhost/Content/jQuery/jquery-1.3.2.js:17

---

Quelqu'un aurait déjà essayé de charger beaucoup de nœuds avec ce treeview?

Bonjour.

Le plugin n'est pas en cause c'est une sécurité Firefox contre un script qui serait dans une boucle mortelle.

J'ai déjà eu ce problème avec un javascript qui durait trop longtemps et j'avais réussi à passer outre en activant une option, mais désolé je ne me rappelle plus. Je me demande si Firefox ne proposait pas cette option dans le dialogue d'alerte.

De toute façon, j'ai dû modifier mon script, car les utilisateurs n'activeront pas cette option.

C'est bien ce que je pensai aussi...

Du coup, je me suis fait des appels ajax, pour chaque sous-nœud, mais j'ai un problème encore...

J'ai l'arborescence suivante :

Code:

---

1 2 3 4 5 6

<ul id="tree"> <li><span>Item 1</span></li> <li><a href="item-2">Item 2</span></li> <li><span>Item 3</span></li> </ul>

---

La méthode js :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

$("#tree a").click(function() { var toto = $(this).parent(); if (toto.find(">ul").length == 0) { var id = $(this).attr("href"); $.post("/GetChildTheme", { "id": id }, function(data) { var branches = $(data).appendTo("#" + id); $("#tree").treeview({ add: branches }); }); } return false; });

---

Ce qui me donne :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<ul id="tree"> <li><span>Item 1</span></li> <li><a href="item-2">Item 2</span> <ul> <li><a href="item-2-1">Item 2.1</span></li> <li><span>Item 2.2</span></li> </ul> </li> <li><span>Item 3</span></li> </ul>

---

Quand je clique sur l'item 2, pas de problème, je passe bien dans la méthode $("#tree a").click(function()... et mes items 2.1 et 2.2 sont bien ajoutés.

Par contre, si dès que je clique sur un sous-nœud (item 2.1 ici), je ne passe pas dans la méthode.... Mon sélecteur n'est pas bon? $("#tree a"), pour les sous-niveau de l'arbre?

merci

Bonsoir.

Je ne sais pas si c'est seulement un oubli lors de la copie du code, mais je vois un gros bug :

Code:

---

1 2	<li><a href="item-2">Item 2</span></li>

---

La balise a n'est pas fermée !

c'est un oubli dans le copier-coller, je l'ai vu que j'avais déjà posé le message.

J'ai essayé en remplacant les balises a par des span, et en mettant :

Code:

---

1 2 3

$("#tree span[id]").click(function() { });

---

Mais pareil, le premier niveau de l'arbre marche pas, mais pas les sous-branches.
Aucun évènement n'est levé.

J'ai trouvé une solution.

Comme mes sous-niveaux sont chargés en Ajax, je dois écouter le gestion d'évènement 'live'.

Code:

---

1 2	$("span[id]").live('click', function() {

---