Many thanks for your reply. Today i am writing a sample according to the http://code.google.com/p/dynatree/
But always can't display the tree data at all. I don't know the reason, please see below screenshot:
And i suspect AEM if support this JQuery plugin? Could you give any suggestions? Thanks again.
[img]1.png[/img]
<%@include file="/libs/foundation/global.jsp"%> <cq:includeClientLib categories="test" /> <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Dynatree - Example</title> <script type="text/javascript"> $(document).ready(function() { $("#tree").dynatree({ // using default options }); <!-- (Irrelevant source removed.) --> }); </script> </head> <body class="example"> <h1>Example: Default</h1> <p class="description"> This tree uses default options.<br> It is initalized from a hidden <ul> element on this page. </p> <div> Skin: <select id="skinCombo" size="1"> <option value="skin">Standard ('/skin/')</option> <option value="skin-vista">Vista ('/skin-vista/')</option> </select> </div> <div id="tree"> <ul id="treeData" style="display: none;"> <li id="id1" title="Look, a tool tip!">item1 with key and tooltip <li id="id2">item2 <li id="id3" class="folder">Folder with some children <ul> <li id="id3.1">Sub-item 3.1 <ul> <li id="id3.1.1">Sub-item 3.1.1 <li id="id3.1.2">Sub-item 3.1.2 </ul> <li id="id3.2">Sub-item 3.2 <ul> <li id="id3.2.1">Sub-item 3.2.1 <li id="id3.2.2">Sub-item 3.2.2 </ul> </ul> <li id="id4" class="expanded">Document with some children (expanded on init) <ul> <li id="id4.1" class="active focused">Sub-item 4.1 (active and focus on init) <ul> <li id="id4.1.1">Sub-item 4.1.1 <li id="id4.1.2">Sub-item 4.1.2 </ul> <li id="id4.2">Sub-item 4.2 <ul> <li id="id4.2.1">Sub-item 4.2.1 <li id="id4.2.2">Sub-item 4.2.2 </ul> </ul> </ul> </div> <!-- (Irrelevant source removed.) --> </body> </html>[img]111.png[/img]
