Book Image

Primefaces Cookbook Second Edition

Book Image

Primefaces Cookbook Second Edition

Overview of this book

Table of Contents (20 chapters)
PrimeFaces Cookbook Second Edition
Credits
Foreword
Foreword
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Interacting with charts via AJAX


The chart component offers AJAX behavior events to interact with the chart by item selection.

How to do it…

A basic definition for a chart with <p:ajax> bundled inside is given here:

<p:chart type="bar" id="withAjax" model="#{chartBean.barModel}"
  style="height:250px">
  <p:ajax event="itemSelect" listener="#{chartBean.itemSelect}"
    update="growl" />
</p:chart>

The itemSelect method retrieves an instance of org.primefaces.event.ItemSelectEvent, which enables us to access the item index and series index of the selected chart item. The usage of the itemSelect method is given here:

public void itemSelect(ItemSelectEvent event) {
  MessageUtil.addInfoMessageWithoutKey("Item selected",
    "Item Index:" + event.getItemIndex() + 
    ", Series Index: " + event.getSeriesIndex());
}

PrimeFaces Cookbook Showcase application

This recipe is available in the demo web application on GitHub (https://github.com/ova2/primefaces-cookbook/tree/second-edition...