JSF+UI+组件详解(最新).pdf

4.1 一切尽在组件中 本章内容 l UI组件基础 l IDE组件开发 标准输出组件 l 现在，已经知道了何为JSF，并熟悉了一些基本概念，那么该开始学习使用标准组件了。在本章和下一章中，我们将讨论 所有JSF 实现都包括的标准组件。它们提供了构建基于HTML的Web应用所必需的基本功能集（你也可以从Web容器供应商、 工具厂商和第三方开发商那里获得附加组件）。 在本章，首先概述所有组件，详细讨论JSP集成，并且讨论那些不涉及用户输入的组件。在下一章，将主要集中讨论 标准的输入组件，以及可以显示、编辑来自数据源的表格化数据的 HtmlDataTable组件。这两章的目标是，帮助你使用这 些组件来开发用户界面。如果是前端开发人员，这两章是不可或缺的，因为你大部分时间都是和它们打交道。如果是后端 开发人员，理解这些组件如何工作也将有助于你开发自己的组件，并有助于与你的代码进行平滑集成。 4.1 一切尽在组件中 JSF最核心的特征就是对UI 组件的支持— — 这也是它与其他很多Web开发框架有别之处。JSF本身提供了支持典型的HT ML UI的标准组件。它们包括用于文本显示、文本输入字段、下拉列表、表单、面板等等功能的部件。这些组件均列于表 4-1中。 紧跟每个组件名称的下一列是显示名称列。它们是在IDE中看到的用户友好的名称。如你所见，这些名称可能因不同 的IDE而不同。我们未列出那些通常不会出现在组件选项板中的组件的，或者在写作本书时还没有合适的例子的组件的显 示名称。不管IDE使用什么显示名称，都产生标准的代码 （换言之，任何生成的JSP 或者 Java 代码看起来都类似本书中 的代码）。 你可能注意到，所有这些标准组件都类似于标准的HTML 控件。这并不奇怪，因为JSF本身的意图就是提供丰富的部件 来构建基本的HTML UI。所有具有可视化表达的标准组件都能够产生标准的HTML 4.01标记，并且能够很好地与CSS和JavaS cript集成（如果希望标准组件能够支持旧版本的浏览器，你可能就不那么幸运了— — 请寻求其他第三方的替代方案）。 表 包括多个标准 组件以构建 视图。具有相似功能的相关组件被组织成组件族（ ） 4-1 JSF UI HTML family 组件族1 组 件 可能的IDE显示名称 说 明 Column UIColumn — 表格列。用于配置父组件HtmlDat a- Table组件的模板列 Command HtmlCommandButton Command-Button， 表单按钮，它是动作源并可以执行 Button 动作方法 HtmlCommandLink Command-Link， 超链接，它是动作源并可以执行 动作方法 Link Action Data HtmlDataTable Data Grid，Data T 具有可定制的表头、表脚和其他属 able 性的数据感知表格。可以连接到多种 类型的数据源 Form HtmlForm — 输入表单；必须用它封装所有输入