JSF 2 fu: Ajax 组件

核心提示：在 JSF 2 的众多新特性中，最引人注目的两个特性是饱受争议的复合组件和 Ajax 支持，JSF 2 fu: Ajax 组件，但是，它们两者相结合时的强大之处是显而易见的：轻而易举地实现支持 Ajax 自定义组件，比如 Scriptaculous 和 JQuery，如 图 1 — AjaxDaddy 的自

在 JSF 2 的众多新特性中，最引人注目的两个特性是饱受争议的复合组件和 Ajax 支持。但是，它们两者相结合时的强大之处是显而易见的：轻而易举地实现支持 Ajax 自定义组件。

关于本系列

JSF fu 系列建立在 David Geary 的 同名简介文章 的概念的基础之上。本系列将深入探究 JSF 2 及其生态系统，同时还将介绍如何将一些 Java EE 技术，如 Contexts 和 Dependency Injection，与 JSF 相集成。

在本文中，我将向您介绍如何实现自动完成组件，它将使用 Ajax 管理其完成项列表。在此过程中，您将了解如何将 Ajax 集成到您自己的复合组件中。

本系列的代码基于在企业容器，如 GlassFish 或 Resin，中运行的 JSF 2。本文的 最后一部分 将详细讨论如何使用 GlassFish 来安装和运行本文的代码。

JSF 自动完成自定义组件

因谷歌搜索字段而闻名的自动完成字段（也称作建议框）是许多 Web 应用程序的组合。它们也是 Ajax 的典型应用。自动完成字段随带了许多 Ajax 框架，比如 Scriptaculous 和 JQuery，如 图 1 — AjaxDaddy 的自动完成组件集成— 所示：

图 1. AjaxDaddy 自动完成组件

查看原图（大图）

本文将讨论如何使用 JSF 来实现支持 Ajax 的自动完成字段。您将了解如何实现如 图 2 所示的自动完成字段，其中将显示一个简短的虚拟国家列表：

图 2. 自动完成字段