个性化阅读
专注于IT技术分析

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="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.srcmini;
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微调器spinner1
PrimeFaces微调器spinner2
赞(0)
未经允许不得转载:srcmini » PrimeFaces微调器spinner

评论 抢沙发

评论前必须登录!