5. Data Iteration Components | Primefaces Cookbook Second Edition

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

Primefaces Cookbook Second Edition

By : Caliskan, Varaksin

3.9 (9)

Primefaces Cookbook Second Edition

3.9 (9)

By: Caliskan, Varaksin

Overview of this book

This book is for everybody who would like to learn modern Java web development based on PrimeFaces and is looking for a quick introduction to this matter. Prerequisites for this book are basic JSF, jQuery, and CSS skills.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Conventions

Reader feedback

Customer support

Free Chapter

1. Getting Started with PrimeFaces

1. Getting Started with PrimeFaces

Introduction

Setting up and configuring the PrimeFaces library

AJAX basics with process and update

PrimeFaces selectors

Partial process and update with fragments

Partial view submit

Internationalization (i18n) and Localization (L10n)

Improved resource ordering

2. Theming Concepts

2. Theming Concepts

Introduction

Understanding structural and skinning CSS

Installing themes

Customizing default theme styles

Adjusting the font and size throughout the web application

Simple ways to create a new theme

Stateless and stateful theme switchers

Integrating Font Awesome with PrimeFaces

3. Enhanced Inputs and Selects

3. Enhanced Inputs and Selects

Introduction

Formatted input with inputMask

Auto suggestion with autoComplete

Usable features of inputTextArea

Discovering selectBooleanCheckbox and selectManyCheckbox

Choosing a single item with selectOneMenu

Basic and advanced calendar scenarios

Spinner – different ways to provide input

Slider – different ways to provide input

Rich text editing with the editor

Advanced editing with an in-place editor

Enhanced password input

Star-based rating input

4. Grouping Content with Panels

4. Grouping Content with Panels

Introduction

Grouping content with a standard panel

PanelGrid with colspan and rowspan support

Vertical stacked panels with accordion

Displaying overflowed content with scrollPanel

Working with a tabbed panel

Grouping of buttons and more with toolbar

The multipurpose output panel

Simulating the portal environment with dashboard

Creating complex layouts

Responsive layout with Grid CSS

5. Data Iteration Components

5. Data Iteration Components

Introduction

Selecting rows in dataTable

Sorting and filtering data in dataTable

In-cell editing with dataTable

Resizing, reordering, and toggling columns in dataTable

Making dataTable responsive

Using subTable for grouping

Handling tons of data – LazyDataModel

Listing data with dataList

Listing data with pickList

Listing data with orderList

Visualizing data with tree

Visualizing data with treeTable

Exporting data in various formats

Managing events with schedule by leveraging lazy loading

Visualizing data with dataScroller

6. Endless Menu Variations

6. Endless Menu Variations

Introduction

Statically and dynamically positioned menus

Creating programmatic menus

The context menu with nested items

Integrating the context menu

Breadcrumb – providing contextual information about page hierarchy

SlideMenu – menu in the iPod style

TieredMenu – submenus in nested overlays

MegaMenu – the multicolumn menu

PanelMenu – hybrid of accordion and tree

MenuButton – multiple items in a popup

Accessing commands via menubar

Displaying checkboxes in selectCheckboxMenu

7. Working with Files, Images, and Multimedia

7. Working with Files, Images, and Multimedia

Introduction

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

Downloading files

Cropping images

Creating dynamic image streaming programmatically

Displaying a collection of images with galleria

Displaying a collection of images with imageSwitch

Displaying a collection of images with contentFlow

Embedding the multimedia content in JSF pages

Capturing images with photoCam

8. Drag Me, Drop Me

8. Drag Me, Drop Me

Introduction

Making a component draggable

Restricting dragging by axis, grid, and containment

Snapping to the edges of nearest elements

Defining droppable targets

Restricting dropping by tolerance and acceptance

AJAX-enhanced drag and drop

Integrating drag and drop with data iteration components

9. Creating Charts and Maps

9. Creating Charts and Maps

Introduction

Creating line, area, bar, and pie charts

Creating combined charts

Updating live data in charts with polling

Interacting with charts via AJAX

Basic mapping with GMaps

Adding, selecting, and dragging markers in maps

Creating rectangles, circles, polylines, and polygons in maps

Enabling InfoWindow and streetView on maps

10. Client-side Validation

10. Client-side Validation

Introduction

Configuring and getting started with CSV

Instant validation with p:clientValidator

Bean Validation and transformation

Extending CSV with JSF

Extending CSV with Bean Validation

11. Miscellaneous Advanced Use Cases

11. Miscellaneous Advanced Use Cases

Introduction

Programmatic updating and scrolling with RequestContext

Two ways of triggering the JavaScript execution

Adding AJAX callback parameters – validation within a dialog

Opening external pages in dynamically generated dialogs

Polling – sending periodical AJAX requests

Blocking page pieces during long-running AJAX calls

Controlling form submission using defaultCommand

Clever focus management in forms

Layout pitfalls of menus and dialogs

Targetable messages with severity levels

Conditional coloring in dataTable

Sticking a component when scrolling

Reducing page load time using content caching

Possibilities for exception handling in PrimeFaces

Index

Index

Selecting rows in dataTable

There are several ways to select a row or multiple rows, such as line selection and selection with radio buttons and checkboxes, from the dataTable component. We will cover all the possibilities in this recipe.

How to do it…

To make a single selection possible with a command component, such as commandLink or commandButton, f:setPropertyActionListener can be used to set the selected row as a parameter to the server side:

<p:dataTable id="withCommand" var="car"
  value="#{dataTableBean.cars}"
  selection="#{dataTableBean.selectedCar}">
  <p:column>
    <p:commandButton value="Select" update=":mainForm:display"
      oncomplete="carDialog.show()">
      <f:setPropertyActionListener value="#{car}"
        target="#{dataTableBean.selectedCar}" />
    </p:commandButton>
  </p:column>
  ...
</p:dataTable>

The selection attribute needs to be bound to an instance of the Car reference in order to get the selected data.

Instead of using...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Primefaces Cookbook Second Edition

Search

Your notes and bookmarks