Friday, June 8, 2012

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:[Port Number]/employeeTree/index

Happy Coding :)


2 comments:

  1. hi,
    the database is the original AdventureWorks or there is any modification? I can't restore database, maybe you done a stripped backup on 2 support.

    ReplyDelete
    Replies
    1. I have updated the database backup and the source code please try again

      Delete