Why can't display tree using dynatree plugin? | Community
Skip to main content
Oct 16, 2015 2:26 AM UTC
Solved

Why can't display tree using dynatree plugin?

Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, drag'n'drop, and lazy loading.

Today i use it in AEM but, the tree always can't display at all in my computer. That make me frustrating and i do it completely accoding to the clientlibs requirement in AEM. Now i package myapp and upload to cloudy space:

http://yun.baidu.com/share/link?shareid=1820032861&uk=3274495776

 

Anyone could help check it?  Thanks a lot.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
smacdonald2008
smacdonald2008Accepted solution
Level 10
Oct 16, 2015 2:26 AM UTC

Here is a new community article that steps you though this use case - creating an AEM component that uses Dynatree to display data in an tree structure. 

http://helpx.adobe.com/experience-manager/using/creating-touchui-tree.html

12 replies

Sep 25, 2017 9:40 AM UTC
smacdonald2008
Level 10
Oct 16, 2015 2:26 AM UTC

Try putting the js files in AEM client libs folder under etc.

Translate
smacdonald2008
Level 10
Oct 16, 2015 2:26 AM UTC

See this article. Note where we put the client libs folder location. 

http://helpx.adobe.com/experience-manager/using/creating-touchui-xtypes.html

Translate
Oct 16, 2015 2:26 AM UTC

hi smacdonald, i can't see the tree either. If you have free time, could you possibly package a example app and run well in your computer for me?

Thanks a lot.

Translate
smacdonald2008
Level 10
Oct 16, 2015 2:26 AM UTC

Sure - i will write a community article that shows how to use this plug-in within AEM to create a tree component. 

Translate
smacdonald2008
Level 10
Oct 16, 2015 2:26 AM UTC

As I thought - the Dynatree plug-in works fine in AEM -- as shown here:

[img]tree.png[/img]

I will write up a community article around this use case as having the ability to show data in a tree structure on AEM Publish is important. 

For those whom want to know how to put data into a tree view for use within an AEM dialog on Author (not Publish)-- see this community article:

http://helpx.adobe.com/experience-manager/using/creating-custom-cq-tree.html

The above article uses the CQ.Ext.tree.TreePanel meant to run within an AEM Dialog on author. 

Translate
smacdonald2008
smacdonald2008Accepted solution
Level 10
Oct 16, 2015 2:26 AM UTC

Here is a new community article that steps you though this use case - creating an AEM component that uses Dynatree to display data in an tree structure. 

http://helpx.adobe.com/experience-manager/using/creating-touchui-tree.html

Translate
Oct 16, 2015 2:26 AM UTC

smacdonald2008 wrote...

Here is a new community article that steps you though this use case - creating an AEM component that uses Dynatree to display data in an tree structure. 

http://helpx.adobe.com/experience-manager/using/creating-touchui-tree.html

 


It is so weird, i do this completely follow the article but, never see the tree on the page. And i begin to suspect the condition on System Enviroment. Could you possibly help check that again? you could download the APP package from this link: http://yun.baidu.com/share/link?shareid=17630324&uk=3274495776 , then import this package.

Thanks a lot!

Translate
Oct 16, 2015 2:26 AM UTC

hi scott, you are so great. Now that tree running well. Thank you so much for your reply.

Translate
smacdonald2008
Level 10
Oct 16, 2015 2:26 AM UTC

I uploaded your package - your issue here is the client lib - you did not set it up properly. In the JS.txt file - you need to load the JS libs in this order:

jquery.js
jquery-ui.custom.js
jquery.cookie.js
jquery.dynatree.js

Also you need to include 2 images from the Dynatree ZIP into the clientlib: 

  • vline.gi
  • icons.gif

Once you fix those 2 issues- the code will pull in the Dynatree and it will work. 

Translate