PrimeFaces键盘keyboard用法 _PrimeFaces组件

本文概述

键盘属性
例子

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

例子 【PrimeFaces键盘keyboard用法】在下面的示例中, 我们正在实现< 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="http://www.srcmini.com/User Name:" /> < p:keyboard id="keyboard" value="http://www.srcmini.com/#{keyboard.value}" /> < /h:panelGrid> < br/> < p:commandButton value="http://www.srcmini.com/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 = http://www.srcmini.com/value; } }

输出