Home/ Questions/Q 7834907
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T13:23:29+00:00

I am trying to build a tree from an xml file using jstree. I

  • 0

I am trying to build a tree from an xml file using jstree. I followed the documentation and looks like it is not working. Here is my code:

<html>
<head>
    <title>Demo</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="C:\Users\jstree\jstree_pre1.0_fix_1\jquery.jstree.js"></script>
    <Script Language="JavaScript">
  $(function () {  

     $("#demo2").jstree({   

         "xml_data" : {  

             "ajax" : {  

                 "url" : "books.xml" 

             },  

             "xsl" : "nest" 

         },  

         "plugins" : [ "themes", "xml_data" ]  

     });  
     }); 

</Script>

</head>
<body>

</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The XML is not formatted in a way that jsTree can include it.

    http://www.jstree.com/documentation/xml_data

    Two types of XML structures are supported – flat and nested:

    <!-- FLAT -->
<root>
    <item id="root_1" parent_id="0" state="closed">
        <content>
            <name><![CDATA[Node 1]]></name>
        </content>
    </item>
    <item id="node_2" parent_id="root_1">
        <content>
            <name><![CDATA[Node 2]]></name>
        </content>
    </item>
</root>

<!-- NESTED -->
<root>
    <item id="xml_1">
        <content><name><![CDATA[Root node 1]]></name></content>
        <item id="xml_2">
            <content><name><![CDATA[Child node 1]]></name></content>
        </item>
    </item>
</root>

    An alternative is to bring the XML document in and convert it into JSON, then transform it into a valid JSON or HTML data format.

    • 0