PrimeFaces 签名

17 Mar 2025 | 阅读 2 分钟

它用于绘制签名作为输入。它提供了一个我们可以绘制签名的画布。它提供了各种选项，例如背景颜色、前景颜色、自定义的粗细。可以在支持触摸的设备中使用。在 JSF 应用程序中，我们可以使用 <p:signature> 组件创建它。它还提供了下面表格中的各种属性。

签名属性

属性	默认值	类型	描述
id	null	String	它用于组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的渲染。
值	null	Object	它用于设置组件的值。
必需	false	Boolean	它用于将组件标记为必需。
validator	null	MethodExpr	它用于设置验证器。
requiredMessage	null	String	它用于设置必填字段验证失败时显示的消息。
widgetVar	null	String	它是客户端小部件的名称。
backgroundColor	#ffffff	String	它用于设置背景颜色。
color	#000000	String	它用于设置前景颜色。
粗细	2	Integer	它用于设置线条的粗细。
style	null	String	它用于设置组件的内联 CSS。
readonly	false	Boolean	它用于使组件只读。
参考线	false	Boolean	它用于设置参考线。
参考线颜色	#a0a0a0	String	它用于设置参考线的颜色。
参考线偏移量	25	String	它用于设置参考线从底部的偏移量。
参考线缩进	10	Boolean	它用于设置参考线从边缘的缩进。
onchange	null	String	它用于在签名更改时执行脚本。
base65Value	null	String	只写值，用于将 base64 中的值传递给后端 bean。

示例

在这里，在下面的示例中，我们正在实现 <p:signature> 组件。此示例包含以下文件。

JSF 文件

// signature.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>Signature</title>
</h:head>
<h:body>
<h:form>
<p:growl autoUpdate="true" />
<p:signature style="width:400px;height:200px" widgetVar="sig" value="#{signatureDemo.signature}" required="true" label="Signature" guideline="true"/>
<div style="margin:20px 0">
<p:commandButton value="Submit" icon="ui-icon-check"/>
<p:commandButton value="Clear" icon="ui-icon-close" type="button" onclick="PF('sig').clear()"/>
</div>
</h:form>
</h:body>
</html>

ManagedBean

// SignatureDemo.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class SignatureDemo {
private String signature;
public String getSignature() {
return signature;
}
public void setSignature(String signature) {
this.signature = signature;
}
}

输出

下一主题PrimeFaces Spinner

PrimeFaces 签名

签名属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces 签名

签名属性

示例

JSF 文件

ManagedBean

相关帖子

PF NotificationBar

PF Editor

PF CommandLink

PF Tooltip

PF ConfirmDialog

PF Knob

PF Chips

PF Slider

PF BooleanCheckbox

PF Dialog

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器