Build a javascript Tree widget
Task
Based on input parameters (one, two and more) build a tree widget on a client side with the related node names, id’s for further manipulation.
Professional skills
Java, javascript, servlet, jsp web programming
Existing environment and resources
Windows XP Professional SP-3 testing platform, Apache Tomcat 6.0.28 server, MySQL 5.1.47 server, ready to use stored procedure for building a tree widget.
Process description
On event, when user opts an item from the dropdown list of the select form, thereby several parameters are passed through AJAX and triggers existing stored procedure on MySQL. Output results –three columns (picture 1), sent back to client side through JSON or XML and the tree widget to be constructed on the same page on which event was initiated. User HTML page must not be reloaded, only tree widget content to be appeared.
Tree widget requirements
- Jquery javascript API implementation
- Cross-browser compatible (IE, Chrome, FF, Opera, Safari)
- Acceptable time loading
- Ajax, JSON support
- Full control by JavaScript API (event handling, etc.)
- Unlimited user-data for nodes
- Customizable appearance (icons, checkboxes), top level node name customizable (picture 2)
- Serialization to XML
- Detailed documentation
Tree widget optional features , not mandatory
- Drag-and-drop support
- Items editing
- Smart Rendering for large trees
Copyright and Intellectual property
All rights including intellectual and copyright of the software product –“Tree widget” are transferred from freelancer to the employer after the freelancer receives payment from employer.