Welcome

首页 / 脚本样式 / Ajax / JSF 2 fu - Ajax组件

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

关于本系列

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

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

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

JSF 自动完成自定义组件

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

图 1. AjaxDaddy 自动完成组件

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

图 2. 自动完成字段