PrimeFaces自动补全

本文概述

  • 自动补全属性
  • 例子
它是一个输入组件, 可在键入输入时提供实时建议。
通过调用采用单个字符串参数的服务器端completeMethod来加载建议。
PrimeFaces提供了< p:autoComplete> 组件, 该组件用于创建带有建议的文本框。它包括下表中列出的各种属性。
自动补全属性 下表包含AutoComplete属性的属性。
Attribute Default value 返回类型 Description
id null String 它是组件的唯一标识符。
rendered true Boolean 它返回布尔值以指定组件的呈现。
binding null Object 它用于el表达式, 该表达式映射到后备bean中的服务器端UIComponent实例。
value null Object 它是组件的值, 可以是文字文本的EL表达式。
converter null Object 定义组件转换器的el表达式或文字文本。
immediate false Boolean 当设置为true时, 它将返回布尔值, 在此组件的应用请求值阶段执行过程验证逻辑。
required false Boolean 用于根据需要标记组件。
RequiredMessage null String 它用于设置在必填字段验证失败时显示的消息。
dropdown false Boolean 设置为true时启用下拉模式。
accesskey null String 它用于设置访问键, 按下该访问键会将焦点转移到输入元素。
autocomplete null String 它执行自动补全行为。
Lang null String 它用于设置该组件在生成的标记中使用的语言。
onclick null String 单击输入元素时执行的客户端回调。
active true Boolean 定义是否启用自动补全功能。
例子 在下面的示例中, 我们正在实现< p:autoComplete> 组件。本示例包含以下文件。
JSF文件
【PrimeFaces自动补全】// autoComplete.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" xmlns:f="http://xmlns.jcp.org/jsf/core"> < h:head> < title> AutoComplete< /title> < /h:head> < h:body> < h3> PrimeFaces AutoComplete Example< /h3> < h:form> < p:growl id="msgs" showDetail="true" /> < h:panelGrid columns="2" cellpadding="5"> < p:outputLabel value="http://www.srcmini.com/Provide Country:" /> < p:autoComplete value="http://www.srcmini.com/#{autoComplete.countryName}" completeMethod="#{autoComplete.countryList()}" /> < /h:panelGrid> < /h:form> < /h:body> < /html>

ManagedBean
// AutoComplete.java
package com.srcmini; import java.util.ArrayList; import java.util.List; import javax.faces.bean.ManagedBean; @ManagedBean public class AutoComplete { String countryName; public List< String> countryList() { ArrayList< String> list = new ArrayList< > (); list.add("India"); list.add("Australia"); list.add("Germany"); list.add("Italy"); list.add("United States"); list.add("Russia"); return list; } public String getCountryName() { return countryName; } public void setCountryName(String CountryName) { this.countryName = CountryName; } }

输出
PrimeFaces自动补全

文章图片

    推荐阅读