PrimeFaces标签chip

本文概述

  • 标签chip属性
  • 例子
【PrimeFaces标签chip】它是一个输入文本框, 用于输入多个值。 < 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="http://www.srcmini.com/Provide User Names:" /> < p:chips id="username" /> < /h:panelGrid> < /h:body> < /html>

输出
PrimeFaces标签chip

文章图片
PrimeFaces标签chip

文章图片

    推荐阅读