PrimeFaces Spinner

17 Mar 2025 | 阅读 2 分钟

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

Spinner 属性

属性	默认值	类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的渲染。
值	null	Object	它用于设置组件的值。
必需	false	Boolean	它用于将组件标记为必需。
widgetVar	null	MethodExpr	它用于设置客户端小部件的名称。
stepFactor	1	Double	它是每次递增和递减的步进因子。
min	null	Double	它设置最小边界值。
max	null	Double	它设置最大边界值。
prefix	null	String	它用于设置输入的prefix（前缀）。
suffix	null	String	它用于设置输入的suffix（后缀）。
accesskey	null	String	它是一个访问键，当按下时将焦点转移到输入元素。
maxlength	null	Integer	用于设置此字段中可以输入的最大字符数。
onselect	null	String	当用户选择输入元素中的文本时，它会执行脚本。
placeholder	null	String	它指定一个简短的提示。
大小	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="Spinner: " />
<p:spinner value="#{spinner.value1}" />
<h:outputLabel for="prefix" value="Spiner with Prefix: " />
<p:spinner id="prefix" value="#{spinner.value2}" prefix="$" min="0" />
</h:panelGrid>
<p:commandButton value="Submit" oncomplete="PF('dlg').show()" />
</h:form>
</h:body>
</html>

ManagedBean

// Spinner.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public 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;
}
}

输出

下一个主题PrimeFaces Slider

← 上一个下一个 →

PrimeFaces Spinner

Spinner 属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces Spinner

Spinner 属性

示例

JSF 文件

ManagedBean

相关帖子

PF FileUpload

PF BooleanCheckbox

PF Steps

PF Growl

PF FieldSet

PF InputTextarea

PF PieChart

PF SelectOneListbox

PF Inplace

PF ConfirmDialog

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器