srcmini本文概述
它是一个输入文本框, 显示用于输入数据的虚拟键盘。它曾经通过使用指针设备来获取用户输入。因此, 用户无需键盘即可输入输入。 <p：keyboard>组件用于创建虚拟键盘。键盘属性如下表所示。
键盘属性
| Attribute | 默认值 | Type | Description |
|---|---|---|---|
| password | false | Boolean | 它用于使输入成为键盘字段。 |
| showMode | focus | String | 它指定showMode。 |
| buttonImage | null | String | 用于设置按钮的图像。 |
| ButtonImageOnly | false | Boolean | 设置为true时, 将仅显示按钮的图像。 |
| effect | fadeIn | String | 用于设置显示动画的效果。 |
| effectDuration | null | String | 用于设置显示动画的长度。 |
| layout | qwerty | String | 设置键盘布局。 |
| layoutTemplate | null | String | 用于设置自定义布局的模板。 |
| keypadOnly | focus | Boolean | 它指定显示键盘而不是键盘。 |
| promptLabel | null | String | 用于设置提示文字的标签。 |
| closeLabel | null | String | 用于设置关闭键的标签。 |
| clearLabel | null | String | 用于设置清除键的标签。 |
| backspaceLabel | null | String | 用于设置退格键的标签。 |
| alt | null | String | 它用于设置输入字段的备用文本描述。 |
| maxlength | null | Integer | 它用于设置可以在此字段中输入的最大字符数。 |
| title | null | String | 它用于设置咨询工具提示信息。 |
例子
在下面的示例中, 我们正在实现<p：keyboard>组件。本示例包含以下文件。
JSF文件
// keyboard.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>keyboard</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="User Name: " />
<p:keyboard id="keyboard" value="#{keyboard.value}" />
</h:panelGrid>
<br/>
<p:commandButton value="Submit" icon="ui-icon-check" />
</h:form>
</h:body>
</html>ManagedBean
// Keyboard.java
package com.srcmini;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Keyboard {
private String value;
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
}输出
评论前必须登录！
注册