Spinner is used to provide an input with increment and decrement buttons on an input text.
<div class="card">
<h:form>
<div class="ui-fluid p-formgrid p-grid">
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Basic Spinner"/>
<p:spinner id="basic" value="#{spinnerView.number1}"/>
</div>
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Step Factor"/>
<p:spinner id="step" value="#{spinnerView.number2}" stepFactor="0.25"/>
</div>
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Min/Max"/>
<p:spinner id="minMax" value="#{spinnerView.number3}" min="0" max="100"/>
</div>
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Rotate"/>
<p:spinner id="rotate" value="#{spinnerView.number6}" min="0" max="10" rotate="true"/>
</div>
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Rounded"/>
<p:spinner id="rounded" value="#{spinnerView.number7}" min="0" max="55" stepFactor="5" round="true"/>
</div>
<div class="p-field p-col-12 p-md-4">
<p:outputLabel for="@next" value="Prefix"/>
<p:spinner id="prefix" value="#{spinnerView.number4}" prefix="$" min="0"/>
</div>
</div>
</h:form>
</div>
@Named
@RequestScoped
public class SpinnerView {
private int number1;
private double number2;
private int number3;
private int number4;
private int number5;
private int number6;
private int number7;
public int getNumber1() {
return number1;
}
public void setNumber1(int number1) {
this.number1 = number1;
}
public double getNumber2() {
return number2;
}
public void setNumber2(double number2) {
this.number2 = number2;
}
public int getNumber3() {
return number3;
}
public void setNumber3(int number3) {
this.number3 = number3;
}
public int getNumber4() {
return number4;
}
public void setNumber4(int number4) {
this.number4 = number4;
}
public int getNumber5() {
return number5;
}
public void setNumber5(int number5) {
this.number5 = number5;
}
public int getNumber6() {
return number6;
}
public void setNumber6(int number6) {
this.number6 = number6;
}
public int getNumber7() {
return number7;
}
public void setNumber7(int number7) {
this.number7 = number7;
}
}