Tree

The Tree widget provides the ability to display multiples lines of items in a tabular format.

Implementation base

The Tree widget is a Dojo-based widget:
  • com.ibm.btt.dijit.Tree

Properties

The following properties can be configured for the Tree widget.
Table 1. Properties that can be configured for the Tree widget.
Property Description
styleClass The styleClass property specifies the class selector that is associated with the widget. If you do not configure the styleClass property, the default class selector is used instead.
visibility The visibility property defines how a widget is displayed on a GUI. The following values can be specified for this property:
visible
The widget is displayed on a GUI and users are able to interact with the widget.
hidden
The widget is not displayed on a GUI, but it occupies space on the GUI.
gone
The widget is not displayed on a GUI, and it does not occupy space on the GUI.
id The id is the identifier for the widget.
hint The hint is a description of the widget that is displayed as a tooltip for a user. The hint property has multilingual support.
dataName The dataName property specifies the name of the data element that is used to cache the ID of the tree node that is submitted.
dataNameForTreeContent The dataNameForTreeContent property specifies the name of the data that contains the content for the tree.
width The width property specifies the width of the property.
height The height property specifies the height of the property.

Data mapping

The dataName property is mapped to a field element. The datNameForTreeContent is mapped to a KeyedCollection.

ECA editor support

The following events, properties, and functions can be configured for the Tree widget with the ECA editor.
Table 2. Events that can be added to the Tree widget by using the ECA editor
Event Description
onClick Is fired when the left mouse button is clicked.
onFocus Is fired when the widget receives focus because the user moves the mouse pointer over the widget.
onBlur Is fired when the widget does not receive focus, or when the user clicks outside the widget, or when the widget is hidden.
onKeyDown Is fired when a keyboard key is pressed.
onKeyUp Is fired when a keyboard key is released.
onKeyPress Is fired when a keyboard key is pressed or held down.
onMouseDown Is fired when a mouse button is clicked.
onMouseUp Is fired when a mouse button is released
onMouseEnter Is fired when the mouse pointer moves over the widget.
onMouseLeave Is fired when the mouse pointer moves out of the widget.
onMouseMove Is fired when the mouse pointer moves over nodes that are contained in the widget.
Table 3. Properties that can be configured for the Tree widget by using the ECA editor.
Property Description
styleClass The styleClass property specifies the class selector that is associated with a widget. If you do not configure the styleClass property, the default class selector is used instead.
visibility The visibility property defines how a widget is displayed on a GUI. The following values can be specified for this property:
visible
The widget is displayed on a GUI and users are able to interact with the widget.
hidden
The widget is not displayed on a GUI, but it occupies space on the GUI.
gone
The widget is not displayed on a GUI, and it does not occupy space on the GUI.
hint The hint is a description of the widget that is displayed as a tooltip for a user. The hint property has multilingual support.
Table 4. Functions that can be configured for the Tree widget by using the ECA editor.
Function Description
isFocusable Returns a value of true if a widget can be focused and a value of false if it cannot be focused.