PrimeFaces自动补全自动补全|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; } }

输出