PrimeFaces Cookbook电子书

PrimeFaces Cookbook

Table of Contents

PrimeFaces Cookbook

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started with PrimeFaces

Introduction

Setting up and configuring the PrimeFaces library

Getting ready

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

AJAX basics with Process and Update

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Internationalization (i18n) and Localization (L10n)

Getting ready

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Improved resource ordering

Getting ready

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

PrimeFaces scaffolding with Spring Roo

Getting ready

How to do it...

How it works...

2. Theming Concept

Introduction

Understanding the structural and skinning CSS

Getting ready

How to do it...

How it works...

There's more...

Installing themes

Getting ready

How to do it...

How it works...

There's more...

See also

Customizing theme styles

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

Customizing default styles on input components

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Adjusting the font and size throughout the web application

How to do it...

How it works...

See also

Why does the theme look different in Internet Explorer?

How to do it...

How it works...

There's more...

Simple ways to create a new theme

Getting ready

How to do it...

How it works...

Default stateless theme switcher

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

Alternative stateful theme switchers

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

3. Enhanced Inputs and Selects

Introduction

Formatted input with inputMask

How to do it...

How it works...

There's more...

Using the asterisk (*) character

Making a part of the mask optional

PrimeFaces Cookbook Showcase application

Auto suggestion with autoComplete

How to do it...

There's more...

Instant AJAX selection

Multiple selection

PrimeFaces Cookbook Showcase application

Usable features of inputTextArea

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Discovering selectBooleanCheckbox and selectManyCheckbox

How to do it...

There's more...

Selection with AJAX behavior on selectBooleanCheckbox

PrimeFaces Cookbook Showcase application

See also

Basic and advanced calendar scenarios

How to do it...

There's more...

Localization of the calendar

Effects with the calendar

Picking time with the calendar

PrimeFaces Cookbook Showcase application

See also

Spinner – different ways to provide input

How to do it...

There's more...

Adding prefix and suffix

Applying boundaries to the input

Adjusting the width of the spinner

AJAX update with spinner

PrimeFaces Cookbook Showcase application

Slider – different ways to provide input

How to do it...

There's more...

Displaying the value of the slider

Disabling manual input with the slider

AJAX behavior events on slider

PrimeFaces Cookbook Showcase application

See also

Rich text editing with editor

How to do it...

There's more...

Clearing the contents of the editor

Embedding the editor inside a dialog box

PrimeFaces Cookbook Showcase application

Advanced editing with in-place editor

How to do it...

There's more...

Giving effects to the in-place input

PrimeFaces Cookbook Showcase application

Enhanced password input

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Star-based rating input

How to do it...

There's more...

PrimeFaces Cookbook Showcase application

See also

4. Grouping Content with Panels

Introduction

Grouping content with a standard panel

How to do it...

How it works...

There's more...

AJAX behavior events on panel

PrimeFaces Cookbook Showcase application

See also

Panel grid with colspan and rowspan support

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Vertical stacked panels with accordion

How to do it...

How it works...

Dynamic content loading

Dynamic tabbing

PrimeFaces Cookbook Showcase application

Displaying overflowed content with scrollPanel

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Working with a tabbed panel

How to do it...

How it works...

Orientation of the tabs

Dynamic tabbing

Transition effects

PrimeFaces Cookbook Showcase application

Grouping of buttons and more with toolbar

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Simulating the portal environment with dashboard

How to do it...

How it works...

Having fixed-sized columns

PrimeFaces Cookbook Showcase application

Creating complex layouts

How to do it...

How it works...

There's more...

Element-based layouts

Nested layouts

AJAX behavior events on layout

PrimeFaces Cookbook Showcase application

5. Data Iteration Components

Introduction

Selecting rows in dataTable

How to do it...

There's more...

Single selection with radio buttons

Multiple selection with checkboxes

PrimeFaces Cookbook Showcase application

Sorting and filtering data in dataTable

How to do it...

There's more...

Options for filtering

Global filtering

PrimeFaces Cookbook Showcase application

In-cell editing with dataTable

How to do it...

There's more...

PrimeFaces Cookbook Showcase application

Conditional coloring in dataTable

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Handling tons of data – LazyDataModel

How to do it...

PrimeFaces Cookbook Showcase application

Listing data with dataList

How to do it...

There's more...

Pagination

PrimeFaces Cookbook Showcase application

Listing data with pickList

How to do it...

There's more...

POJO support

Enabling captions

Transition effects

Executing custom JavaScript on transfer

PrimeFaces Cookbook Showcase application

Listing data with orderList

How to do it...

There's more...

Transition effects

PrimeFaces Cookbook Showcase application

Visualizing data with tree

How to do it...

There's more...

Node type support

Node selection

AJAX behavior events

Context menu support

PrimeFaces Cookbook Showcase application

Visualizing data with treeTable

How to do it...

There's more...

Node selection

AJAX behavior events

Context menu support

PrimeFaces Cookbook Showcase application

Exporting data in various formats

How to do it...

How it works...

There's more...

Pre and post processor of documents

Monitoring export status

PrimeFaces Cookbook Showcase application

Visualizing data with carousel

How to do it...

There's more...

Transition effects

Sliding tabs

Defining header and footer

PrimeFaces Cookbook Showcase application

Visualizing data with ring

How to do it...

There's more...

Effects with easing

PrimeFaces Cookbook Showcase application

6. Endless Menu Variations

Introduction

Static and dynamic positioned menus

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Creating a programmatic menu

How to do it...

How it works...

There's more...

Context menu with nested items

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

Context menu integration

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

SlideMenu – menu in iPod style

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

TieredMenu – submenus in nested overlays

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

MegaMenu – multicolumn menu

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

PanelMenu – hybrid of accordion and tree

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Accessing commands via Menubar

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Displaying checkboxes in SelectCheckboxMenu

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Dock menu for Mac OS fans

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

7. Working with Files and Images

Introduction

Basic, automatic, and multiple file upload

How to do it...

There's more...

Restricting file upload by type

Limiting maximum size

Uploading multiple files

Handling with client-side callbacks

PrimeFaces Cookbook Showcase application

See also

Uploading a file with drag-and-drop

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Downloading files

How to do it...

How it works...

There's more...

Monitoring download status

PrimeFaces Cookbook Showcase application

Cropping images

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Displaying a collection of images

How to do it...

How it works...

There's more...

Transition effects

Customizing filmstrip

Enabling captions and overlays

Viewing custom content

PrimeFaces Cookbook Showcase application

Capturing images with photoCam

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Comparing images

How to do it...

How it works...

There’s More

PrimeFaces Cookbook Showcase application

8. Drag Me, Drop Me

Introduction

Making a component draggable

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

See also

Restricting dragging by axis, grid, and containment

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

See also

Snapping to the edges of the nearest elements

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Defining droppable targets

How to do it...

How it works...

See also

PrimeFaces Cookbook Showcase application

Restricting dropping by tolerance and acceptance

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

AJAX-enhanced drag-and-drop

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Integrating drag-and-drop with data iteration components

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

9. Creating Charts and Maps

Introduction

Creating a line chart

How to do it...

There's more...

Positioning the legend

Labels and positioning

Minimum and maximum values on the axes

Breaking lines at null values

Styling lines

Filling under lines

Customizing data tips

Animating and zooming

PrimeFaces Cookbook Showcase application

Creating a bar chart

How to do it...

There's more...

Positioning the legend

Labels and positioning

Styling bars

Orientation

Stacked bar chart

Customizing data tips

Animating and zooming

PrimeFaces Cookbook Showcase application

Creating a pie chart

How to do it...

There's more...

Positioning the legend

Styling slices

Showing data labels

Adjusting pie appearance

PrimeFaces Cookbook Showcase application

Creating a bubble chart

How to do it...

There's more...

Styling bubbles

Labels and positioning

PrimeFaces Cookbook Showcase application

Creating a donut (doughnut) chart

How to do it...

There's more...

Positioning the legend

Adjusting donut appearance

PrimeFaces Cookbook Showcase application

Creating a meter gauge chart

How to do it...

There's more...

Customizing the look of the gauge

PrimeFaces Cookbook Showcase application

Creating an OHLC chart

How to do it...

There's more...

Labels and positioning

Candlestick mode

PrimeFaces Cookbook Showcase application

Updating live data in charts with polling

How to do it...

PrimeFaces Cookbook Showcase application

Interacting with charts through AJAX

How to do it...

How it works…

PrimeFaces Cookbook Showcase application

See also

Creating dynamic image streaming programmatically

How to do it...

How it works…

PrimeFaces Cookbook Showcase application

Mapping with Google Maps

How to do it...

How it works…

There's more...

Placing markers

Drawing polylines

Drawing polygons

Drawing circles

Handling events

Placing the information window

Controlling the map

Enabling the street view

PrimeFaces Cookbook Showcase application

See also

10. Miscellaneous, Advanced Use Cases

Introduction

The power of the PrimeFaces selectors

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Programmatic updating and scrolling with RequestContext

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Two ways to trigger JavaScript execution

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Adding AJAX callback parameters – validation within a dialog

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Navigating to another page in AJAX calls

How to do it...

How it works...

Polling – sending periodical AJAX requests

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Blocking page pieces during long-running AJAX calls

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Remembering current menu selection

How to do it...

How it works...

See also

PrimeFaces Cookbook Showcase application

Controlling form submission by DefaultCommand

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Clever focus management in forms

How to do it...

How it works...

There's more...

PrimeFaces Cookbook Showcase application

Layout pitfalls with menus and dialogs

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

See also

Targetable messages with severity levels

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Leveraging Schedule's lazy loading feature

How to do it...

How it works...

PrimeFaces Cookbook Showcase application

Index