PrimeFaces 芯片

17 Mar 2025 | 阅读 2 分钟

它是一个输入文本框，用于输入多个值。 <p:chips> 组件用于在 JSF 应用程序中创建输入文本。当我们想通过使用单个组件从用户那里获取多个值时，它很有用。它有各种属性，如下表所示。

芯片属性

属性	默认值	类型	描述
rendered	true	Boolean	它用于指定渲染组件。
值	null	Object	它用于设置组件的值。
必需	false	Boolean	它用于将组件标记为必需。
validator	null	MethodExpr	它用于为组件设置验证器。
valueChangeListener	null	ValueChange 监听器	它用于设置 valuechangelistener。
requiredMessage	null	String	它用于设置必填字段验证失败时显示的消息。
converterMessage	null	String	它用于设置转换失败时显示的消息。
validatorMessage	null	String	它用于设置验证字段时显示的消息。
widgetVar	null	String	它用于设置客户端小部件的名称。
max	null	Integer	它用于设置允许的最大条目数。

示例

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

JSF 文件

// chips.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>Chips</title>
</h:head>
<h:body>
<h:panelGrid columns="2">
<p:outputLabel for="username" value="Provide User Names:  " />
<p:chips id="username" />
</h:panelGrid>
</h:body>
</html>

输出