Adding content to Faces JSP pages using the JSF Widgets Library (JWL)

The JSF Widget Library (JWL) is a JSF and JavaScript-based widget library, created by IBM®, that augments JSP and HTML pages with a rich set of input, output and navigation components. JWL also includes support for AJAX-based page interactions so that not only can pages include more complex components, the pages can interact with the Web server without requiring a full-redraw of the page with each interaction.

About this task

For information on adding specific JSF Widget Library (JWL) JSF components from the palette to your page, refer to the online help:
  • Adding data to a Faces JSP page using data viewing components
    You can add data to a Faces JSP page by adding a data viewing component to display application data and then binding the component to a data source.
  • Adding page components to a Faces JSP page
    Page components are used to mark a Faces JSP page with tags that correspond to the major HTML structuring elements.
  • Adding navigation components to a Faces JSP page
    JSF Widget Library (JWL) components enable you do three things: (1) to create navigation based on logical actions that are encoded in the navigation rules rather than hard coding an HTML URI, (2) to create navigation by dynamically constructing a link when it is selected by the end user by wrapping it in HTML link functionality, and (3) to create compound navigation structures.
  • Adding input components to a Faces JSP page
    Input Components interact with a user and submit the results of the interaction back to the server for processing. The input components you add to a Faces JSP page provide a way for users to create and update data for your Web application. Input components on the Faces Components drawer of the palette include Input, Input Text Area, Rich Text Area, Input - Password, and Input - Hidden.
  • Adding output components to a Faces JSP page
    Output components are used to interact with a user and submit the results of the interaction back to the server for processing.
  • Adding panel components to a Faces JSP page
    Panel components contain collections of JSF Widget Library (JWL) tags much like the HTML table and div tags are used to organize tags in HTML.
  • Adding behaviors to Faces JSP components
    JSF Widget Library (JWL) Behaviors add event handlers which perform common functions to a containing tag. For example, you can add a JWL Behavior to the onblur handler of an input tag that validates the value of the tag when the onblur event is invoked.
  • Adding Ajax components to a Faces JSP page
    JSF Widget Library (JWL) AJAX Components are used to replace the content of a panel tag within a page without replacing the page in the browser window. These tags allow a more seamless, flicker-free user interface. User interactions with a page no longer need to submit/request entire pages, instead, pieces of the page can change as data is entered.
  • Adding sub tags to a Faces JSP page
    A number of JSF tags have special child tags (sub tags) used to specify options.
  • Adding event handlers to a JSF component
    Many Faces components have events associated with them. For example, a Button - Command component has events such as onclick and onmousedown associated with it. Using the Quick Edit view for a selected Faces component, you can define actions for specific events.
Feedback