+ Start a Discussion

Creating Tree structure in visualforce

Hi All,


I want to create tree structure on vf page. My requirement is to crate tree structure for account and all related contacts. when user click on particular contact , contact detail page display in same page through partial page referesh.


Can any please help in achieving tree structure on VF page?


Thanks & Regards.



            You can create a tree structure through extjs third party tool on embedded on visual force page.

            For more information you can visit at this link:



Did this answer your question? If not, let me know what didn't work, or if so, please mark it solved.


Hi Ispita,


I am not able to embedd the ExtJs in visualforce page. I got some sample code and i had uploaded extjs zip file as static resource but then also i am not able see anything in vf page.

i am referencing extjs library via these lines:

<link rel="Stylesheet" type="text/css" href="{!$Resource.ExtJs}/ext-2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="{!$Resource.ExtJs}/ext-2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="{!$Resource.ExtJs}/ext-2.1/ext-all.js"></script>


Is there is any instalation is required on system for this? I didn't know what i am doing wrong.

Can you please tell me steps to how to call extjs library from vf page and provide a sample code to display data grid or to make tree structure or anything as i am a beginner for this?