Rating

Rating component provides a star based rating input.

Input Rating

Rating 1:
Rating 2:
Rating 1: 0.0
Rating 2: 0.0

Instant Ajax Rating

Rate Me

Display Value Only

A ReadOnly Rating:

Source

<h:form>

    <p:growl id="messages" showDetail="true"/>

    <h:panelGrid columns="2" cellpadding="5">
        <h:outputText value="Rating 1:" />
        <p:rating value="#{ratingController.rating1}" />

        <h:outputText value="Rating 2:" />
        <p:rating value="#{ratingController.rating2}" stars="10"/>
    </h:panelGrid>

    <p:commandButton value="Submit" update="displayRatings" style="margin:5px"/>

    <h:panelGrid id="displayRatings" columns="1" cellpadding="5">
        <h:outputText value="Rating 1: #{ratingController.rating1}" />
        <h:outputText value="Rating 2: #{ratingController.rating2}" />
    </h:panelGrid>

    <h3>Instant Ajax Rating</h3>
    <h:panelGrid columns="2" cellpadding="5">
        <h:outputText value="Rate Me" />
        <p:rating value="#{ratingController.rating3}">
            <p:ajax event="rate" listener="#{ratingController.handleRate}" update="messages" />
        </p:rating>
    </h:panelGrid>

    <h3>Display Value Only</h3>
    <h:panelGrid columns="2" cellpadding="5">
        <h:outputText value="A ReadOnly Rating:"/>
        <p:rating value="#{ratingController.rating4}" disabled="true" />
    </h:panelGrid>

</h:form>