jsf in action 笔记:标准组件(一)--组件列表--2008.04.16

2008.04.18 摘自 JSF in action--4.1 It’s all in the components  Page/138

1.  组件是JSF区别于其它的框架的一个重要的特点.JSF中的标准组件会转换为标准的Html 4.01语言而且可以很好的与CSS及JavaScript结合.下表为JSF的标准组件的列表:

Table 4.1 JSF includes several standard UI components for building HTML views. Related components
with similar functionality are organized into families.

Family	Component	Possible IDE Display Names	Description
Column	UIColumn	N/A	A table column. Used to configure template columns for parent HtmlDataTable component.
Command	HtmlCommandButton   HtmlCommandLink	Command – Button, Button   Command – Link, Link Action	A form button that is an action source and can execute an action method. A hyperlink that is an action source and can execute an action method.
Data	HtmlDataTable	Data Grid, Data Table	A data-aware table with customizable headers, footers, and other properties. Can connect to multiple types of data sources.
Form	HtmlForm	N/A	An input form; must enclose all input components.
Graphic	HtmlGraphicImage	Image	Displays an image based on its URL.
Input	HtmlInputHidden HtmlInputSecret HtmlInputText HtmlInputTextarea	Hidden Field Secret Field Text Field Multi Line Text Area	An input field of type ldquo;hidden”. An input field of type “password”. An input field of type ldquo;text”. A text area (multi-line input field).
Message	HtmlMessage	Display Error, Inline Message	Displays messages for a specific component.
Messages	HtmlMessages	Message List	Displays all messages (component-related and/or application-related).
Output	HtmlOutputFormat HtmlOutputLabel HtmlOutputLink  HtmlOutputText UIOutput	Formatted Output Component Label Hyperlink Output Text N/A	Outputs parameterized text. A text label for an input field. A hyperlink that’s not associated with a usercommand. Plain text, with optional CSS formatting. Plain text (no formatting). Useful for enclosing HTML markup or other custom tags.
Parameter	UIParameter	N/A	An invisible component used to configure other components.
Panel	HtmlPanelGrid   HtmlPanelGroup	Grid Panel   Panel – Group Box, Group Box	A table with customizable headers, footers, and other properties. Groups components together for use inside of other components, and to apply common styles or hide/display a group of components.
Select- Boolean	HtmlSelect- BooleanCheckbox	Check Box, Checkbox	A single checkbox.
Select- Item	UISelectItem	N/A	Represents a single item or item group for use in SelectMany and Select- One components.
Select- Items	UISelectItems	N/A	Represents a collection of items or item groups for use in SelectMany and SelectOne components.
Select- Many	HtmlSelectManyCheckbox HtmlSelectManyListbox HtmlSelectManyMenu	Check Box Group Multi Select Listbox N/A	A table with a list of checkboxes, grouped together. A listbox that allows you to select multiple items. A multi-select listbox that shows one available option at a time.
SelectOne	HtmlSelectOneRadio HtmlSelectOneListbox HtmlSelectOneMenu	Radio Button Group Listbox Combo Box, Dropdown List	A table of radio buttons, grouped together. A listbox that allows you to select a single item. A drop-down listbox that allows you to select a single item.
ViewRoot	UIViewRoot	N/A	Represents entire view; contains all components on the page.