PrimeFaces微调器spinner _spinner

本文概述

微调器属性
例子

【PrimeFaces微调器spinner】它是一个输入文本, 提供了递增和递减按钮。它用于获取输入文本中的用户输入。我们可以通过在JSF应用程序中使用< p：spinner> 组件来创建它。它具有下表列出的各种属性。
微调器属性

Attribute	默认值	Type	Description
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的呈现。
value	null	Object	用于设置组件的值。
required	false	Boolean	用于根据需要标记组件。
widgetVar	null	MethodExpr	用于设置客户端小部件的名称。
stepFactor	1	Double	这是每个增量和减量的步进因子。
min	null	Double	设置最小边界值。
max	null	Double	设置最大边界值。
prefix	null	String	用于设置输入的前缀。
suffix	null	String	用于设置输入的后缀。
accesskey	null	String	这是一个访问键, 按下该键会将焦点转移到输入元素。
maxlength	null	Integer	它用于设置可以在此字段中输入的最大字符数。
onselect	null	String	用户选择输入元素中的文本时, 它将执行脚本。
placeholder	null	String	它指定一个简短提示。
size	null	Integer	它设置用于确定输入元素宽度的字符数。

例子在下面的示例中, 我们正在实现< p：spinner> 组件。本示例包含以下文件。
JSF文件
// spinner.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> Spinner< /title> < /h:head> < h:body> < h:form> < h:panelGrid columns="2" cellpadding="5" styleClass="ui-grid"> < h:outputLabel value="http://www.srcmini.com/Spinner:" /> < p:spinner value="http://www.srcmini.com/#{spinner.value1}" /> < h:outputLabel for="prefix" value="http://www.srcmini.com/Spiner with Prefix:" /> < p:spinner id="prefix" value="http://www.srcmini.com/#{spinner.value2}" prefix="$" min="0" /> < /h:panelGrid> < p:commandButton value="http://www.srcmini.com/Submit" oncomplete="PF('dlg').show()" /> < /h:form> < /h:body> < /html>

ManagedBean
// Spinner.java

package com.srcmini; import javax.faces.bean.ManagedBean; @ManagedBeanpublic class Spinner {private int value1; private int value2; public int getValue1() {return value1; }public void setValue1(int value1) {this.value1 = value1; }public int getValue2() {return value2; }public void setValue2(int value2) {this.value2 = value2; }}

输出