scripts geographique .phtml

application/views/default/scripts/arborescence/geographique.phtml

@@ -1,23 +1,20 @@
-<div id="regions" class="jstree jstree-default" style="height:200px;overflow:auto;">
+<div id="<?=$this->key?>" class="jstree jstree-default" style="overflow:auto;"></div>
-<ul>
-<?php foreach($this->regions as $region): ?>
-<li id="region<?=$region['code']?>">
-<ins class="jstree-icon">&nbsp;</ins>
-<a class="" href="#"><ins class="jstree-icon">&nbsp;</ins><?=$region['libelle']?></a>
-</li>
-<?php endforeach;?>
-</ul>
-</div>
-
-
-<?=$this->inlineScript()?>
 <script>
-$("#regions").jstree({ 
+$("#<?=$this->key?>").jstree({ 
 	"themes" : {
 		"theme" : "default",
+		"url" : "/themes/jstree/default/style.css",
 		"dots" : true,
 		"icons" : false,		
 	},
-	"plugins" : ["themes", "html_data", "ui", "checkbox"] 
+	"plugins" : ["themes", "json_data", "checkbox"],
+	"json_data" : {		
+		"data" : <?=$this->regions?>, 
+		"ajax" : { 
+			"url" : '<?=$this->url(array('controller'=>'arborescence', 'action'=>'geographiqueajax', 'key'=> $this->key))?>',
+			"data" : function(n) { return { id: n.attr ? n.attr("id") : '' , niveau : n.attr ? n.attr("niveau") : 1 }; },
+			"cache" : true,
+		}
+	}
 });
 </script>