PrimeFaces Cookbook - Second Edition电子书

PrimeFaces Cookbook Second Edition

Table of Contents

PrimeFaces Cookbook Second Edition

Credits

Foreword

Foreword

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

Sections

Getting ready

How to do it…

How it works…

There's more…

See also

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

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…

The PrimeFaces Cookbook Showcase application

AJAX basics with process and update

How to do it...

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

PrimeFaces selectors

How to do it…

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

Partial process and update with fragments

How to do it…

How it works…

The PrimeFaces Cookbook Showcase application

Partial view submit

How to do it…

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

Internationalization (i18n) and Localization (L10n)

Getting ready

How to do it…

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

Right to left language support

How to do it...

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

Improved resource ordering

How to do it…

How it works…

There's more…

The PrimeFaces Cookbook Showcase application

2. Theming Concepts

Introduction

Understanding 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 default theme styles

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

See also

Adjusting the font and size throughout the web application

How to do it…

How it works…

See also

Simple ways to create a new theme

Getting ready

How to do it…

How it works…

There's more…

Stateless and stateful theme switchers

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

Integrating Font Awesome with PrimeFaces

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

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

Dynamically changing the mask value

PrimeFaces Cookbook Showcase application

Auto suggestion with autoComplete

How to do it…

There's more…

Instant AJAX selection

Multiple selection

Adding item tip

Grouping on items

PrimeFaces Cookbook Showcase application

Usable features of inputTextArea

How to do it…

How it works…

There's more…

Autocomplete on content

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

Choosing a single item with selectOneMenu

How to do it…

There's more...

Filtering on items

PrimeFaces Cookbook Showcase application

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

Selecting a range with slider

AJAX behavior events on slider

PrimeFaces Cookbook Showcase application

See also

Rich text editing with the 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 an in-place editor

How it works…

There's more…

Editing with confirmation buttons

Giving effects to the in-place input

Adding facets

AJAX behavior events

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…

AJAX behavior events

PrimeFaces Cookbook Showcase application

See also

4. Grouping Content with Panels

Introduction

Grouping content with a standard panel

How to do it…

There's more…

Custom actions

AJAX behavior events on panel

PrimeFaces Cookbook Showcase application

See also

PanelGrid with colspan and rowspan support

How to do it…

There's more…

PrimeFaces Cookbook Showcase application

Vertical stacked panels with accordion

How to do it...

There's more…

Dynamic content loading

Dynamic tabbing

AJAX behavior events on accordion

PrimeFaces Cookbook Showcase application

See also

Displaying overflowed content with scrollPanel

How to do it…

PrimeFaces Cookbook Showcase application

Working with a tabbed panel

How to do it...

There's more…

Orientation of the tabs

Dynamic tabbing

Transition effects

AJAX behavior events on tabView

PrimeFaces Cookbook Showcase application

See also

Grouping of buttons and more with toolbar

How to do it…

PrimeFaces Cookbook Showcase application

The multipurpose output panel

How to do it…

There's more…

Using panel as a placeholder component

PrimeFaces Cookbook Showcase application

Simulating the portal environment with dashboard

How to do it…

There's more…

Creating new widgets

Having fixed-sized columns

PrimeFaces Cookbook Showcase application

See also

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

See also

Responsive layout with Grid CSS

How to do it…

There's more…

Nesting div elements

The PrimeFaces Cookbook Showcase application

5. Data Iteration Components

Introduction

Selecting rows in dataTable

How to do it…

There's more…

Single selection with a row click

Single selection with radio buttons

Multiple selection with checkboxes

Instant row selection

PrimeFaces Cookbook Showcase application

See also

Sorting and filtering data in dataTable

How to do it…

There's more…

Custom filtering

Options for filtering

Global filtering

Postprocessing events on sorting/filtering

PrimeFaces Cookbook Showcase application

In-cell editing with dataTable

How to do it…

There's more…

Editing rows according to a condition

AJAX behavior events

PrimeFaces Cookbook Showcase application

See also

Resizing, reordering, and toggling columns in dataTable

How to do it…

There's more…

AJAX behavior events on resize

AJAX behavior events on row and column reordering

Toggling columns

AJAX behavior event on column toggling

Adding state for column toggling

PrimeFaces Cookbook Showcase application

See also

Making dataTable responsive

How to do it…

There's more…

PrimeFaces Cookbook Showcase application

Using subTable for grouping

How to do it…

PrimeFaces Cookbook Showcase application

Handling tons of data – LazyDataModel

How to do it…

There's more…

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…

Control buttons visibility

POJO support

Transition effects

Executing custom JavaScript on transfer

AJAX behavior events

PrimeFaces Cookbook Showcase application

See also

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

Drag and drop

AJAX behavior events

Context menu support

Horizontal layout

PrimeFaces Cookbook Showcase application

Visualizing data with treeTable

How to do it…

There's more…

Node selection

Sorting

Context menu support

AJAX behavior events

PrimeFaces Cookbook Showcase application

Exporting data in various formats

How to do it…

How it works…

There's more…

Preprocessing and postprocessing of documents

Monitoring export status

PrimeFaces Cookbook Showcase application

Managing events with schedule by leveraging lazy loading

How to do it…

How it works…

There's more…

AJAX behavior events

Locale support

PrimeFaces Cookbook Showcase application

See also

Visualizing data with dataScroller

How to do it…

There's more…

Providing buffer

Loading with a button

Lazy loading

PrimeFaces Cookbook Showcase application

6. Endless Menu Variations

Introduction

Statically and dynamically positioned menus

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Creating programmatic menus

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

The context menu with nested items

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Integrating the context menu

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Breadcrumb – providing contextual information about page hierarchy

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

SlideMenu – menu in the iPod style

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

TieredMenu – submenus in nested overlays

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

MegaMenu – the 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

MenuButton – multiple items in a popup

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

7. Working with Files, Images, and Multimedia

Introduction

Basic, automatic, drag and drop, and multiple file uploading

How to do it…

How it works…

There's more…

Accessing files with a listener

Restricting file upload by type

Limiting maximum size

Uploading multiple files

Handling upload with client-side callbacks

Uploading files with drag-and-drop

PrimeFaces Cookbook Showcase application

See also

Downloading files

How to do it…

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

Creating dynamic image streaming programmatically

How to do it…

How it works...

PrimeFaces Cookbook Showcase application

Displaying a collection of images with galleria

How to do it…

How it works…

There's more…

Transition effects

Displaying a collection of images

Displaying captions on items

PrimeFaces Cookbook Showcase application

Displaying a collection of images with imageSwitch

How to do it…

There's more…

Displaying a collection of images

PrimeFaces Cookbook Showcase application

Displaying a collection of images with contentFlow

How to do it…

There's more…

Displaying captions with images

PrimeFaces Cookbook Showcase application

Embedding the multimedia content in JSF pages

How to do it…

How it works…

There's more…

Dynamic content streaming

PrimeFaces Cookbook Showcase application

Capturing images with photoCam

How to do it…

How it works…

There's more…

Authorizing access to the camera

PrimeFaces Cookbook Showcase application

8. Drag Me, Drop Me

Introduction

Making a component draggable

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Restricting dragging by axis, grid, and containment

How to do it…

How it works…

See also

PrimeFaces Cookbook Showcase application

Snapping to the edges of 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 line, area, bar, and pie charts

How to do it…

There's more…

Creating area charts

Creating bar charts

Creating pie charts

PrimeFaces Cookbook Showcase application

Creating combined charts

How to do it…

PrimeFaces Cookbook Showcase application

Updating live data in charts with polling

How to do it…

PrimeFaces Cookbook Showcase application

Interacting with charts via AJAX

How to do it…

PrimeFaces Cookbook Showcase application

Basic mapping with GMaps

How to do it…

How it works…

There's more…

Configuring controls

PrimeFaces Cookbook Showcase application

Adding, selecting, and dragging markers in maps

How to do it…

There's more…

Selecting markers

Dragging markers

PrimeFaces Cookbook Showcase application

Creating rectangles, circles, polylines, and polygons in maps

How to do it…

PrimeFaces Cookbook Showcase application

Enabling InfoWindow and streetView on maps

How to do it…

There's more…

PrimeFaces Cookbook Showcase application

10. Client-side Validation

Introduction

Configuring and getting started with CSV

Getting ready

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Instant validation with p:clientValidator

How to do it…

How it works…

PrimeFaces Cookbook Showcase application

Bean Validation and transformation

Getting ready

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Extending CSV with JSF

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

Extending CSV with Bean Validation

How to do it…

How it works…

There's more…

See also

PrimeFaces Cookbook Showcase application

11. Miscellaneous Advanced Use Cases

Introduction

Programmatic updating and scrolling with RequestContext

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

Two ways of triggering the 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…

There's more…

PrimeFaces Cookbook Showcase application

Opening external pages in dynamically generated dialogs

Getting ready

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

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

Controlling form submission using 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 of menus and dialogs

How to do it…

How it works…

See also

PrimeFaces Cookbook Showcase application

Targetable messages with severity levels

How to do it…

How it works…

PrimeFaces Cookbook Showcase application

Conditional coloring in dataTable

How to do it…

How it works…

PrimeFaces Cookbook Showcase application

Sticking a component when scrolling

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

Reducing page load time using content caching

Getting ready

How to do it…

How it works…

There's more…

PrimeFaces Cookbook Showcase application

Possibilities for exception handling in PrimeFaces

Getting ready

How to do it…

How it works…

PrimeFaces Cookbook Showcase application

Index