10. Trinidad Core Tag Reference
Contents > Trinidad Core Tag Reference > tr:breadCrumbs
tr:breadCrumbs |
|
The tr:breadCrumbs tag specifies the path back to the root page of a heirarchy of links. Hierarchical links can be added as children or using a menu model that is bound to the breadCrumbs component.
Example
<tr:breadCrumbs>
<tr:commandNavigationItem text="Home" />
<tr:commandNavigationItem text="Products" />
<tr:commandNavigationItem text="Widget" />
</tr:breadCrumbs>
HTML Output
<a href="...">Home></a> > <a href="...">Products</a> > <a href="...">Widget</a>
Rendered Output
|
Tag Attributes
| 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. |
| 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. |
| orientation |
Enumerated |
| |
| The orientation attribute sets the display direction of the links. Valid values are vertical and horizontal. Vertical should only be used when link names are very long. Horizontal is the default. |
| partialTriggers |
Text |
| |
| The partialTriggers attribute sets the ids of components that cause a partial update. Use single colon for components that are in naming containers and multiple colons to search through parent and grandparent containers. |
| rendered |
Boolean |
| |
| A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered. |
| 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. |
| value |
Text |
| |
| The value attribute sets the current value for this component. |
| var |
Text |
| |
| The var attribute sets the name of a request-scope attribute exposing the data for each iteration over the rows in the underlying data model for this table. |
| varStatus |
Text |
| |
| The varStatus attribute sets the EL variable used for contextual information about the state of the component and loop counter information for components that iterate. Common properties are “model” (returns CollectionModel) and “index” (returns zero based row index). |
| 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. |
|