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

PrimeFaces键盘keyboard用法

本文概述

它是一个输入文本框, 显示用于输入数据的虚拟键盘。它曾经通过使用指针设备来获取用户输入。因此, 用户无需键盘即可输入输入。 <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;
}
}

输出

PrimeFaces键盘1
PrimeFaces键盘2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces键盘keyboard用法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏