| |
|
|
|
 |
Home NewsProducts Download Buy Now Documentation Support |
 |
 |
|
|
 |
| |

Contents
|
10. ICEfaces Tag Reference
Contents > ICEfaces Tag Reference > ice:panelGrid
ice:panelGrid |
|
The ice:panelGrid tag renders an HTML "table" element.
Example
<ice:panelGrid cellspacing="0" columnClasses="col1, col2, col3, col4, col5" rowClasses="row1, row2, row3, row4, row5" cellpadding="5" columns="5" footerClass="panelFooter" headerClass="panelHeader" styleClass="panelGrid" width="500">
<f:facet name="header">
<ice:outputText value="Header 1" />
</f:facet>
<f:facet name="footer">
<ice:outputText value="Footer 1" />
</f:facet>
<ice:outputText value="Body 1" />
<ice:panelGroup draggable="true">
<ice:outputText value="Body 2" />
<ice:outputText value="Body 3" />
<ice:outputText value="Body 4" />
<ice:outputText value="Body 5" />
<ice:outputText value="Body 6" />
</ice:panelGroup>
Lorem ipsum dolor sit amet
<p align="center">Lorem ipsum</p>
<ice:outputText value="Body 7" />
<ice:outputText value="Body 8" />
<ice:outputText value="Body 9" />
<ice:outputText value="Body 10" />
<ice:outputText value="Body 11" />
<ice:outputText value="Body 12" />
<ice:outputText value="Body 13" />
<ice:outputText value="Body 14" />
<ice:outputText value="Body 15" />
<ice:outputText value="Body 16" />
<ice:outputText value="Body 17" />
<ice:outputText value="Body 18" />
<ice:outputText value="Body 19" />
<ice:outputText value="Body 20" />
<ice:outputText value="Body 21" />
<ice:outputText value="Body 22" />
<ice:outputText value="Body 23" />
<ice:outputText value="Body 24" />
</ice:panelGrid>
Rendered Output
|
Tag Attributes
| bgcolor |
Color |
| |
| The bgcolor attribute sets the background color for the table. This value can be the name or the hexadecimal value of the color. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| border |
Text |
| |
| The border attribute sets the pixel width of the border to be drawn around the table. |
| cellpadding |
Text |
| |
| The cellpadding attribute sets the width between the border of each cell and its contents. |
| cellspacing |
Text |
| |
| The cellspacing attribute sets the width of the space between the outside and inside edges of the table as well as the space between cells. |
| columnClasses |
CSS Style |
| |
| The columnClasses attribute accepts a comma-delimited list of CSS style classes that will be applied to the columns of the table. Style classes for an individual column may also be defined in a space separated list. A style class is applied to a table column as the value for the class attribute of rendered td or th element.
The algorithm used to apply the CSS style classes to the table columns is simple. In the table rendering process, style classes are applied to columns one at a time until (a) there are no more columns to display or (b) there are no more style classes to apply.
* If (a) happens at the same time as (b), the next row in the table is rendered.
* If (a) happens before (b), the remaining style classes are ignored.
* If (b) happens before (a), the remaining columns will not have style classes.
|
| columns |
Text |
| |
| The columns attribute sets the number of columns. |
| dir |
Enumerated |
| |
| The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are "LTR" (left-to-right) and "RTL" (right-to-left). |
| frame |
Enumerated |
| |
| The frame attribute sets the code specifying which sides of the frame around this table will be visible. |
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| lang |
Text |
| |
| The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component. |
| onclick |
Text |
| |
| The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element. |
| ondblclick |
Text |
| |
| The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element. |
| onkeydown |
Text |
| |
| The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element. |
| onkeypress |
Text |
| |
| The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element. |
| onkeyup |
Text |
| |
| The onkeyup attribute sets the JavaScript code to execute when a key is released over this element. |
| onmousedown |
Text |
| |
| The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element. |
| onmousemove |
Text |
| |
| The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element. |
| onmouseout |
Text |
| |
| The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element. |
| onmouseover |
Text |
| |
| The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element. |
| onmouseup |
Text |
| |
| The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| renderedOnUserRole |
Text |
| |
| The renderedOnUserRole attribute is a boolean flag that when set to "true" and if a role has been configured for the user, then the component will be displayed. If the user does not have a role, then the component will not be displayed. |
| rowClasses |
CSS Style |
| |
| The rowClasses attribute accepts a comma-delimited list of CSS style classes to be applied to the rows of the table.
Style classes for an individual row may also be defined in a space separated list. A style class is applied to a table row as the value for the class attribute of rendered tr element.
Style classes are applied to rows in the same order that they are defined. For example, if there are two style classes, the first is applied to the first row, the second is applied to the second row, the first is applied to the third row, the second is applied to the fourth row, and so on. The list of styles is looped over from the beginning until there are no more rows to display.
|
| rules |
Enumerated |
| |
| The rules attribute specifies which lines will appear between cells in the table. |
| style |
CSS Style |
| |
| The style attribute sets the CSS style definition to be applied to this component when it is rendered. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
| summary |
Text |
| |
| The summary attribute describes the purpose and structure of the table for accessibility support for assistive devices and non-visual user agents. |
| title |
Text |
| |
| The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component. |
| visible |
Boolean |
| |
| The visible attribute is a boolean flag that when set to "true", displays the component. If this attribute is set to "false", then the CSS style is display:none. |
| width |
Text |
| |
| The width attribute sets the width of the component. |
|
|
|
| |
|