Combine JSF and dojo widgets to create a better user experience

Brief introduction

JSF is a popular WEB framework, fairly stable and widely used in Java™platform, Enterprise Edition (Java EE) fields. Dojo is one of the most powerful Web 2.0 libraries that can be used to create rich interfaces for your Web applications.

By combining these two technologies, you can enjoy the benefits of two technologies. On the server side, the benefits are reflected in the End-to-end lifecycle management of components, back-end bean data bundles, and event handling. On the client side, you will be able to take advantage of Dojo's rich widgets, live animations (such as fade and slide effects), and drag-and-drop functionality. In addition, with the Dojo framework API support, you can also improve performance by putting more logic on the client side.

The following are the ways in which this article leverages JSF and Dojo technologies:

Delayed bundling of JSF components and client-side Dojo widgets

Build a custom JSF component to enable the Dojo widget

Deferred injection and resolution of JSF components to Dojo widgets

The sample JSF application in this article consists of two pages: Create Project and project result. The two pages are shown in Figure 1 and Figure 2. For easy understanding, the examples shown in the illustration will be used in all the ways described in this article to show how to synthesize Dojo and a JSF application.

Figure 1. Create Project

Figure 2. Project result