Hierarchical-Data in Organization Structure View

While going through an interesting assignment i got to learn how to play with Hierarchical Database where the data in the data base are stored in the following format

Here the main challenge was to display the data in the following format

As we have may tree view structure available in the market, but they don’t provide a org structure look & feel.

I took the reference of  http://dl.dropbox.com/u/4151695/html/jOrgChart/example/example.html and created a customized structure using which we can dynamically create organization structure.

Bellow is the location where i have kept the code and Database

Display-Hierarchical-Data Source Code
Database

When you build and run the code you need to provide the path as

http://localhost:%5BPort Number]/employeeTree/index

Happy Coding 🙂

Published by Nirbhay

Technology Geek,Blogger,Reviewer

2 thoughts on “Hierarchical-Data in Organization Structure View

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: