JSF 自动完成自定义组件因谷歌搜索字段而闻名的自动完成字段(也称作建议框)是许多 Web 应用程序的组合。它们也是 Ajax 的典型应用。自动完成字段随带了许多 Ajax 框架,比如 Scriptaculous 和 JQuery,如 — AjaxDaddy 的自动完成组件集成(参阅 )— 所示:
图 1. AjaxDaddy 自动完成组件 本文将讨论如何使用 JSF 来实现支持 Ajax 的自动完成字段。您将了解如何实现如 所示的自动完成字段,其中将显示一个简短的虚拟国家列表(选自 Wikipedia 的“虚拟国家列表”一文;请参阅 ):
图 2. 自动完成字段 和 显示了运行中的自动完成字段。在图 3 中,在字段中输入 Al 之后,国家列表将缩减至使用这两个字母开头的名称:
图 3. 使用 Al 开头的完成项目 同样, 显示了在字段中输入 Bar 之后显示的结果。列表仅显示以 Bar 开头的国家名。
图 4. 以 Bar 开头的完成项目 |