用动态元素自动更新 Web 页面

核心提示： 到目前为止，您已经了解了如何更新数据模型以及如何创建动态 GUI 元素，用动态元素自动更新 Web 页面(9)，讨论了三个方面的内容 — 如何插入元素以及如何从 Web 页面的合适位置删除元素、如何将不同的行为绑定到不同的元素以及如何重定向到一个 Web 页面，您不妨试着理解三者之间

到目前为止，您已经了解了如何更新数据模型以及如何创建动态 GUI 元素。讨论了三个方面的内容 — 如何插入元素以及如何从 Web 页面的合适位置删除元素、如何将不同的行为绑定到不同的元素以及如何重定向到一个 Web 页面。您不妨试着理解三者之间的关系，并针对自己的开发场景选择您所需要的部分。

使用 Ajax 刷新 Web 页面的动态元素

在本节中，为了刷新页面的动态部分，我在图 2 所示的 “Bean” 和 “GUI” 层之间建立起了一种联系。我使用 RichFaces 的 Ajax4jsf 进行刷新。RichFaces 是一种开源框架，可以无需借助 JavaScript 即可将 Ajax 功能添加到现有的 JSF 应用程序。通过 Ajax4jsf，我克服了当前 JSF 不支持任何服务器端页面刷新的限制，而且我能满足只刷新所需内容的要求。

注册 RichFaces

安装 RichFaces 之后，通过添加清单 8 中的这些代码行可以更改 web.xml 文件来注册 RichFaces。

清单 8. 注册 RichFaces
<!--　Plugging　the　"Blue　Sky"　skin　into　the　project　-->　
<context-param>　
　　<param-name>org.richfaces.SKIN</param-name>　
　　<param-value>blueSky</param-value>　
</context-param>　
<!--　Making　the　RichFaces　skin　spread　to　standard　HTML　controls　-->　
<context-param>　
　　　<param-name>org.richfaces.CONTROL_SKINNING</param-name>　
　　　<param-value>enable</param-value>　
</context-param>　
<!--　Defining　and　mapping　the　RichFaces　filter　-->　
<filter>　
　　<display-name>RichFaces　Filter</display-name>　
　　<filter-name>richfaces</filter-name>　
　　<filter-class>org.ajax4jsf.Filter</filter-class>　
</filter>　
<filter-mapping>　
　　<filter-name>richfaces</filter-name>　
　　<servlet-name>Faces　Servlet</servlet-name>　
　　<dispatcher>REQUEST</dispatcher>　
　　<dispatcher>FORWARD</dispatcher>　
　　<dispatcher>INCLUDE</dispatcher>　
</filter-mapping>