JSF 2 简介: 后来添加的 Ajax 复合组件

核心提示：在 JSF 2 简介 系列的 上一期 中，我讨论了使用内置的 Ajax 实现自动完成复合组件，JSF 2 简介: 后来添加的 Ajax 复合组件，页面作者可以在一个 facelet 中使用该组件，该组件负责处理所有 Ajax 细节，该链接提交一个表单，后者触发一个与图标链接相关联的服务器端动作侦听器，尽管内置的 Aja

在 JSF 2 简介 系列的 上一期 中，我讨论了使用内置的 Ajax 实现自动完成复合组件。页面作者可以在一个 facelet 中使用该组件，该组件负责处理所有 Ajax 细节。尽管内置的 Ajax 已经存在，但仍然可以在开发人员实现复合组件之后（可能是很长一段时间以后），方便地让页面作者将 Ajax 添加到该组件中。本文将展示复合组件如何容纳后来添加的 Ajax。

在 “JSF 2 简介，第 3 部分：事件处理、JavaScript 和 Ajax” 中已经讨论过，JSF 2 的 <f:ajax> 标记允许页面作者将后来的 Ajax 添加到 JSF 2 的内置组件中。例如，使用 <f:ajax>，您可以轻松将一个提交按钮转变为一个 Ajax 按钮：

<h:commandButton　value="Click　me">　
　<f:ajax>　
</h:commandButton>　

但是， JSF 2 的 <f:ajax> 标记不会处理复合组件（确实如此），因为复合组件只是组件容器。

例如，在 “JSF 2 简介，第 2 部分：模板及复合组件” 中，我介绍了一个简单的图标复合组件，它包含一个链接，由一幅图像表示。当用户单击该图标时，该链接提交一个表单，后者触发一个与图标链接相关联的服务器端动作侦听器。使用图标很简单：

<util:icon　image="...">　
　<f:actionListener　for="link"　type="...">　
</util:icon>　

因为您可以使用 <f:ajax> 标记将提交按钮转变为 Ajax 按钮，您可能认为您能够对图标执行相同操作：