本文概述
它是一个输入文本框, 用于输入多个值。 <p:chips>组件用于在JSF应用程序中创建输入文本。当我们想通过使用单个组件从用户那里获取多个值时, 这很有用。它具有下表列出的各种属性。
标签chip属性
Attribute | 默认值 | Type | Description |
---|---|---|---|
rendered | true | Boolean | 用于指定渲染组件。 |
value | null | Object | 用于设置组件的值。 |
required | false | Boolean | 用于根据需要标记组件。 |
validator | null | MethodExpr | 用于设置组件的验证器。 |
valueChangeListener | null | ValueChange Listener | 用于设置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>
输出
评论前必须登录!
注册