JSF 2 fu: Ajax 组件

核心提示： JSF 在 Ajax 调用期间调用监听程序的 valueChanged() 方法来响应文本输入中的 keyup 事件，该方法会创建一组新的完成项目，JSF 2 fu: Ajax 组件(9)，然后将列表框的项目设置为这个新的项目集，该方法还会设置列表框的样式属性，因此最好是使用与之相近的版本，）

JSF 在 Ajax 调用期间调用监听程序的 valueChanged() 方法来响应文本输入中的 keyup 事件。该方法会创建一组新的完成项目，然后将列表框的项目设置为这个新的项目集。该方法还会设置列表框的样式属性，以确定 Ajax 调用返回时是否显示列表框。

清单 6 中的 setListboxStyle() 方法将使用 x 和 y 请求我在发起 清单 5 中的 Ajax 调用时指定的参数值。

JSF 会在 Ajax 调用期间调用监听程序的其他公共方法 completionItemSelected()，以响应列表框中的选择事件。该方法会将列表框的值复制到文本输入中，并隐藏列表框。

请注意，valueChanged() 方法还会将原始完成项目存储在列表框的某个属性中。由于每个 autoComplete 组件都维护自己的完成项目列表，因此多个 autoComplete 组件可以在相同页面中和谐共存，而不会影响彼此的完成项目。

使用 GlassFish 和 Eclipse 运行示例

本系列中的代码适合在 JEE 6 容器中运行，比如 GlassFish 或 Resin。您可以通过调整让它们适应 servlet 容器，但这并非理想方案。因此，我的目标是侧重于充分发挥 JSF 2 和 JEE 6 的潜力，而不是配置问题。我仍然坚持使用 GlassFish v3。

在本文的其余部分，我将向您展示如何使用 GlassFish v3 和 Eclipse 来运行本文的 示例代码。此处的说明还适用于本系列其他文章的代码。（我将使用 Eclipse 3.4.1，因此最好是使用与之相近的版本。）

图 5 展示了本文代码的目录结构。其中的 autoComplete 目录包含应用程序和一个空的 Eclipse 工作空间目录。

图 5. 本文下载部分的源代码