Book Image

JSF 1.2 Components

By : IAN HLAVATS
Book Image

JSF 1.2 Components

By: IAN HLAVATS

Overview of this book

Today's web developers need powerful tools to deliver richer, faster, and smoother web experiences. JavaServer Faces includes powerful, feature-rich, Ajax-enabled UI components that provide all the functionality needed to build web applications in a Web 2.0 world. It's the perfect way to build rich, interactive, and "Web 2.0-style" Java web apps. This book provides a comprehensive introduction to the most popular JSF components available today and demonstrate step-by-step how to build increasingly sophisticated JSF user interfaces with standard JSF, Facelets, Apache Tomahawk/Trinidad, ICEfaces, JBoss Seam, JBoss RichFaces/Ajax4jsf, and JSF 2.0 components. JSF 1.2 Components is both an excellent starting point for new JSF developers, and a great reference and “how to” guide for experienced JSF professionals. This book progresses logically from an introduction to standard JSF HTML, and JSF Core components to advanced JSF UI development. As you move through the book, you will learn how to build composite views using Facelets tags, implement common web development tasks using Tomahawk components, and add Ajax capabilities to your JSF user interface with ICEfaces components. You will also learn how to solve the complex web application development challenges with the JBoss Seam framework. At the end of the book, you will be introduced to the new and up-coming JSF component libraries that will provide a road map of the future JSF technologies.
Table of Contents (14 chapters)
JSF 1.2 Components
Credits
Foreword
About the Author
About the Reviewers
Preface

Creating a tabbed user interface


ICEfaces also includes a panel component that supports tabbed user interface layouts. The<ice:panelTabSet> tag renders a set of child<ice:panelTab> tags in a series of tabs that the user can interact with to display the contents of the series of panels on the screen. The following example demonstrates how to use the<ice:panelTab> tag. Only the first tab has been implemented; the remaining three tabs are simply included for illustration purposes.

<ice:form>
<ice:panelTabSet tabPlacement="top">
<ice:panelTab label="Recommended">
<ice:panelSeries value="#{productBean.randomProducts}" var="product" rows="6">
<ice:panelGroup styleClass="productBox">
<ice:graphicImage url="/images/#{product.icon}" />
<ice:panelGroup styleClass="iceDatTblColHdr">
<ice:outputText value="#{product.name}"
style="font-weight:bold;" />
</ice:panelGroup>
<ice:panelGroup style="padding:10px;">
<ice:outputText...