| |
|
|
|
 |
Home NewsBlogProducts Download Buy Now Documentation Support |
 |
 |
|
|
 |
| |
Contents
|
10. Trinidad Core Tag Reference
Contents > Trinidad Core Tag Reference > tr:panelList
tr:panelList |
|
The tr:panelList tag displays a bulleted list of child elements. If the rows attribute is not set, then all child elements are displayed in one column, even if the maxColumns attribute is set. If the rows attribute is set and the maxColumns attribute is not set, then the number of columns is a multiple of the number of rows with the remainder making up the final column. For example, if rows is 6, children 1 to 6 are in column 1, children 7 to 12 are in column 2 and any remaining are in column 3. If the child elements number 10 and the rows is set to 3 and the maxColumns is set to 3, then 3 columns of 4 rows will be displayed. Therefore, if the maxColumns and the number of children exceeds rows, maxColumns will be used to set the number of columns.
Example
<tr:panelList maxColumns="3" rows="3">
<tr:goLink text="Page1" />
<tr:goLink text="Page2" />
<tr:goLink text="Page3" />
<tr:goLink text="Page4" />
<tr:goLink text="Page5" />
<tr:goLink text="Page6" />
<tr:goLink text="Page7" />
<tr:goLink text="Page8" />
<tr:goLink text="Page9" />
<tr:goLink text="Page10" />
</tr:panelList>
Rendered Output
|
Tag Attributes
| attributeChangeListener |
Text |
| |
| The attributeChangeListener attribute contains the reference to a method that is invoked when the renderer changes a property without the application’s request. |
| binding |
Expression |
| |
| The value-binding expression linking this component tag to a backing bean property. |
| id |
Text |
| |
| The unique identifier value for this component. The value must be unique within the closest naming container. |
| inlineStyle |
Text |
| |
| The inlineStyle attribute contains inline style information, such as background color. |
| listStyle |
Text |
| |
| The listStyle attribute sets the styles for the list. |
| maxColumns |
Text |
| |
| The maxColumns attribute sets the maximum number of columns to display. The number of columns is determined by the maxColumns attribute and the number of rows is determined by the number of children. Therefore, the rows attribute will be ignored if the value specified is smaller than the number of rows needed to display the children. If only the rows attribute is specified, then the number of columns necessary to render the rows is calculated based on the number of children. For example, the number of children divided by the number of rows specified and rounded up. If no rows attribute is specified, then only 1 column is rendered and the maxColumns attribute is ignored. |
| 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. |
| partialTriggers |
Text |
| |
| The partialTriggers attribute specifies the IDs of the components that should trigger a partial page update. This component will listen for changes to the trigger components. If one of these components receives an event that causes it to update, this component will request to be updated too. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| rows |
Text |
| |
| The rows attribute sets the number of rows to display. The number of columns is determined by the maxColumns attribute and the number of rows is determined by the number of children. Therefore, the rows attribute will be ignored if the value specified is smaller than the number of rows needed to display the children. If only the rows attribute is specified, then the number of columns necessary to render the rows is calculated based on the number of children. For example, the number of children divided by the number of rows specified and rounded up. If no rows attribute is specified, then only 1 column is rendered and the maxColumns attribute is ignored. |
| shortDesc |
Text |
| |
| The shortDesc attribute displays help text you hover over the component. |
| styleClass |
CSS Class |
| |
| The styleClass attribute sets the CSS class to apply to this component when it is rendered. |
|
|
|
| |
|