通过JSF 2实现可重用的Ajax化组件(1)

通过JSF 2实现可重用的Ajax化组件(1)

51CTO向读者们具体介绍过Ajax支持包，以及利用“Ajax听取JSF 2客户端处理代码中的事件和错误”。今天51CTO编辑向大家推荐这篇文章结合复合组件和Ajax轻而易举地实现支持Ajax自定义组件。

关于本系列JSFfu系列建立在DavidGeary的同名简介文章的概念的基础之上。本系列将深入探究JSF2及其生态系统，同时还将介绍如何将一些JavaEE技术，如Contexts和DependencyInjection，与JSF相集成。

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

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

JSF自动完成自定义组件

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

 图1.AjaxDaddy自动完成组件

本文将讨论如何使用JSF来实现支持Ajax的自动完成字段。您将了解如何实现如图2所示的自动完成字段，其中将显示一个简短的虚拟国家列表选自Wikipedia的“虚拟国家列表”一文；请参阅参考资料）：

 图2.自动完成字段