srcmini本文概述
它是一个输入文本, 提供了递增和递减按钮。它用于获取输入文本中的用户输入。我们可以通过在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;
}
}输出
评论前必须登录！
注册