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













