JSF/AJAX Demos

JSF/AJAX Demos with JSP Views

Apprisant Technologies' diagram components for thin-client JavaServer Faces based web applications display your data graphically in the client browser with diagrams generated dynamically from application data.

The Diagram and the JSF components are generic and can be configured to display many types and styles of diagrams. These demo pages show just a few examples of how a diagram in a thin-client web application can create a rich user experience.

Click on the links below to view the demos for JavaServer Faces 1.2 or JavaServer Faces 2.0 with JSP views. The demos require JavaScript and cookies to run. Follow the source links in the menu bar to view the demos' source files.

Modifiable data models run in Session scope to prevent interference among users. Start a new session to reset the data.

Many of the demo pages use the Dojo Toolkit and Apache Shale Remoting to update parts of the page asynchronously, but the components themselves do not depend on these toolkits.

Please note:   Internet Explorer 8 does not show the JSP source files.

Room Schedule Room Schedule
Add, modify and delete room bookings on a weekly schedule.
Camp Reservation Camp Reservation
Select a campsite and reserve or cancel it for one of two dates.
Orgchart Orgchart
Expand and hide subtrees, and view node details in the diagram.
Tree Layout Tree Layout
Experiment with the parameters of the toolkit's Tree Layout model.
Bus Trip Bus Trip
Select stops on a bus route to get trip times.
Project Project
Create, update and delete projects. Element rollover shows essential project information.
Oilfield Oilfield
Review oilwell details at different zoom levels.
Show Show
Match booth names in a table with their locations in the exhibition hall.
Staff Appointments Staff Appointments
Create, modify and delete staff appointments, viewed in a resource chart format.
Resource Chart Resource Chart
Experiment with the parameters of the toolkit's ResourceChart model.
Camp Detail Camp Detail
Click on a campsite to see details and availability information on another page.
CommandDiagram Rendering CommandDiagram Rendering
Explore different rendering models and options for the CommandDiagram.
SelectDiagram Rendering SelectDiagram Rendering
Explore different rendering models and options for the SelectDiagram.
Shared Renderers Shared Renderers
See the use of shared renderers for selection and rollover graphics.