This demo uses a SelectDiagram component with both an onchange handler and an f:ajax element. The demo's JavaScript functions keep the table and diagram in sync, and AJAX is used to update the detail panel below the diagram.
The diagram is in Application scope, shared by all viewers.
| Source Files | |
|---|---|
| show.xhtml | The page's Facelets source file. |
| show.js | The JavaScript file for the page. |
| ShowRequest.java | The page handler class. |
| ShowApp.java | The diagram and table data handler class. |
| ShowData.java | The demo's data model class; provides vendor information for the table. |
| booths.html | The image map in this file specifies the locations of the booths. |
| show.rdr | The renderer file describes how to render each object in the diagram based on its data values. |
| apprisant.properties | A toolkit configuration file used by all demos; specifies rendering hints and logging properties. |
| faces-config.xml | A JSF configuration file shared by all demos. |
| web.xml | A server configuration file shared by all demos. |