JSF 2简介:JSF向导

核心提示：视图抽象模板让您能够封装视图的一些共有特性，让您得以重点关注于视图之间的变化，JSF 2简介:JSF向导(5)，比如，这个向导模板就提供了窗口标题、样式表以及 — 通过 <div> 元素 — 每个视图的整体结构，只呈现页面的适当部分，Ajax 调用所做的一件事情就是控制此向导按钮的启

视图抽象

模板让您能够封装视图的一些共有特性，让您得以重点关注于视图之间的变化。比如，这个向导模板就提供了窗口标题、样式表以及 — 通过 <div> 元素 — 每个视图的整体结构。正是由于对共有特性的封装，您才可以通过简单地插入页面的各个部分来轻松实现新的视图。

这个向导模板定义了视图的结构，却没有定义外观。外观被进一步封装在 CSS 内，为您提供了另一个层次的修改视图的基本模板的自由。

清单 5 内的 heading 显示了这次测验的标题，在本例中标题是 Science Quiz，而 清单 6 内的 subheading 则显示了问题。清单 6 内引用的 wizard.cursor 是一个指向当前问题的游标（如果您愿意，也可称之为索引）。该游标的基数为零，所以 #{wizard.cursor+1} 显示的将是题号，而 #{questions[wizard.cursor].question} 显示的是问题。

完成了这些需要提前进行的准备（比如服务器端 bean 和模板）后，我接下来将向您展示一些真正有趣的东西了：此向导的 Ajax 是如何实现的，以及此向导是如何使用 CDI 的。先从 Ajax 开始。

Ajax

此测验向导内的所有用户交互都会导致 Ajax 调用，当这些调用返回时，只呈现页面的适当部分。Ajax 调用所做的一件事情就是控制此向导按钮的启用状态。图 5 显示了在第一个问题和第二个问题期间，此向导按钮的启用状态：

图 5. 测验向导的按钮