Je pense que c'est possible.
Voir:
http://www.jstree.com/documentation/xml_data
La fonction JsTree appelée .parse_xml peut être utilisé pour convertir des chaînes XML ou objets à la structure DOM requise par jstree.
Editer: Mauvais!
Si vous postez un exemple de votre carte de site XML je serais heureux de créer un exemple de travail pour vous.
Edit: Exemple de travail ci-dessous
Vous pouvez faire un processus JsTree source XML externe, mais via le ajax options. Imaginez que vous ayez un fichier XBEL comme ceci:
<xbel version="1.0">
<bookmark href="http://stackoverflow.com">
<title>Stack Overflow</title>
</bookmark>
<folder>
<title>Stack Exchange</title>
<folder>
<title>Programming</title>
<bookmark href="http://stackoverflow.com">
<title>Stack Overflow</title>
</bookmark>
<bookmark href="http://stackapps.com">
<title>Stack Apps</title>
</bookmark>
<bookmark href="http://webapps.stackexchange.com">
<title>Web Applications</title>
</bookmark>
<bookmark href="http://programmers.stackexchange.com/">
<title>Programmers</title>
</bookmark>
</folder>
<folder>
<title>Systems</title>
<bookmark href="http://serverfault.com">
<title>Server Fault</title>
</bookmark>
<bookmark href="http://superuser.com">
<title>Super User</title>
</bookmark>
</folder>
<bookmark href="http://careers.stackoverflow.com">
<title>Careers</title>
</bookmark>
<bookmark href="http://meta.stackoverflow.com">
<title>Meta</title>
</bookmark>
<bookmark href="http://area51.stackexchange.com">
<title>Area 51</title>
</bookmark>
<bookmark href="http://gaming.stackexchange.com">
<title>Gaming</title>
</bookmark>
</folder>
</xbel>
Vous pouvez traiter cela avec JsTree comme ceci:
<html>
<head>
<title></title>
<script type="text/javascript" src="_lib/jquery.js"></script>
<script type="text/javascript" src="_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="jquery.jstree.js"></script>
<script type="text/javascript">
$(function() {
$("#xbel").jstree({
"xml_data" : {
"ajax" : {
"url" : "stackexchange.xml",
"success" : function(data, textStatus, XMLHttpRequest){
var result = $('<dom></dom>');
var root = $('<root></root>');
var doc = traverseXbel($(data), root);
result.append(doc);
return result.html();
}
},
"xsl" : "nest"
},
"plugins" : [ "themes", "xml_data" ]
});
});
function traverseXbel(xbel, doc){
var title, href, item, name, content, innerdoc;
// folder => item
// bookmark => item with href attribute
// Deal with this level bookmarks
$(xbel).children('bookmark').each(function(){
href = $(this).attr('href');
title = $(this).find('title').text();
if(title && href){
item = $('<item></item>');
content = $('<content></content>');
name = $('<name></name>');
name.attr("href", href);
name.text(title);
content.append(name);
item.append(content);
doc.append(item);
}
});
$(xbel).children('folder').each(function(){
title = $(this).find('title:first').text();
if(title){
item = $('<item></item>');
content = $('<content></content>');
name = $('<name></name>');
name.text(title);
content.append(name);
item.append(content);
item = traverseXbel($(this), item);
doc.append(item);
}
});
return doc;
}
</script>
</head>
<body>
<div id="xbel"></div>
</body>
</html>
D'accord, je me sens moins d'un idiot maintenant, ma première réponse était erronée parce que je mal compris la Documents de l'API JsTree.
Pourriez-vous s'il vous plaît poste votre code .. au moins un échantillon de s'il vous plaît? – Interstellar