PrimeFaces 自动完成

17 Mar 2025 | 阅读 2 分钟

它是一个输入组件，在输入时提供实时建议。

建议通过调用一个服务器端的 completeMethod 来加载，该方法接受一个字符串参数。

PrimeFaces 提供了 <p:autoComplete> 组件，用于创建一个带有建议的文本框。它包括下面表格中的各种属性。

自动完成属性

下表包含自动完成属性的属性。

属性	默认值	返回类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它返回布尔值以指定组件的渲染。
binding	null	Object	它用于将 el 表达式映射到支持 bean 中的服务器端 UIComponent 实例。
值	null	Object	它是组件的值，可以是 EL 表达式或文字文本。
转换器	null	Object	一个 el 表达式或文字文本，用于为该组件定义转换器。
immediate	false	Boolean	当设置为 true 时，它返回布尔值，在该组件的申请请求值阶段执行验证逻辑。
必需	false	Boolean	它用于将组件标记为必需的。
RequiredMessage	null	String	它用于设置必填字段验证失败时显示的消息。
下拉	false	Boolean	当设置为 true 时，它启用下拉模式。
accesskey	null	String	它用于设置访问键，当按下该键时，焦点转移到输入元素。
自动完成	null	String	它执行自动完成行为。
Lang	null	String	它用于设置为此组件生成的标记中使用的语言。
onclick	null	String	输入元素被单击时要执行的客户端回调。
active	true	Boolean	定义是否启用自动完成功能。

示例

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

JSF 文件

// 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="Provide Country: " />
<p:autoComplete value="#{autoComplete.countryName}" completeMethod="#{autoComplete.countryList()}" />
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// AutoComplete.java

package com.javatpoint;
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 InputTextarea

← 上一个下一个 →

PrimeFaces 自动完成

自动完成属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces 自动完成

自动完成属性

示例

JSF 文件

ManagedBean

相关帖子

PF AreaChart

PF SplitButton

PF CommandLink

PF ProgressBar

PF Knob

PF Chips

PF SelectCheckboxMenu

PF Rating

PF ConfirmDialog

PF NotificationBar

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器