Primefaces Rating

by Online Tutorials Library July 14, 2022

PrimeFaces Rating

It is a star based rating system. It is used to take user input as a rating. It is useful when we want to get user feedback. It is mostly used to get product rating.

Rating Attributes

Attribute	Default value	Type	Description
required	false	Boolean	It makes the component as required.
Validator	null	MethodExpr	It is a method binding expression that refers to a method validating the input.
valueChangeListener	null	MethodExpr	A method binding expression that refers to a method for handling a value change event.
requiredMessage	null	String	It is used to set message to be displayed when required field validation fails.
converterMessage	null	String	It is used to set message to be displayed when conversion fails.
validatorMessage	null	String	It is used to set Message to be displayed when validation fields.
widgetVar	null	String	It is a name of the client side widget.
stars	5	Integer	It is used to display number of stars.
disabled	false	Boolean	It disables user interaction.
readonly	false	Boolean	It disables user interaction without disabled visuals.
onRate	null	String	Client side callback to execute when rate happens.
style	null	String	It is used to set inline CSS of the component.
cancel	true	Boolean	It is used to cancel.

Example

Here, in the following example, we are implementing <p:rating> component. This example contains the following files.

JSF File

// rating.xhtml

  <?xml version=’1.0′ encoding=’UTF-8′ ?>  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  <html xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://xmlns.jcp.org/jsf/html”  xmlns:p=”http://primefaces.org/ui”>  <h:head>  <title>Rating</title>  </h:head>  <h:body>  <h:form>  <h:panelGrid columns=”2″ cellpadding=”5″>  <h:outputText value=”Rate this product: ” />  <p:rating value=”#{rating.rating}” />  </h:panelGrid>  </h:form>  </h:body>  </html>  

ManagedBean

// Keyboard.java

  package com.tutoraspire;  import javax.faces.bean.ManagedBean;  @ManagedBean  public class Rating {  private Integer rating;  public Integer getRating() {  return rating;  }  public void setRating(Integer rating) {  this.rating = rating;  }  }  

Output:

PrimeFaces Rating 1
PrimeFaces Rating 2

Next TopicPrimeFaces ColorPicker

Primefaces Rating

PrimeFaces Rating

Rating Attributes

Example

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like