IBM WebSphere Multichannel Bank Transformation Toolkit, Version 7.1

TabbedPane

The TabbedPane widget can contain other widgets and the pages of a TabbedPane widget is manipulated through public APIs.

Implementation base

The TabbedPane widget is a Dojo-based widget:
  • com.ibm.btt.dijit.layout.TabContainer

Properties

The following properties can be configured for the TabbedPane widget.
Table 1. Properties that can be configured for the TabbedPane 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.
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.
visibility The visibility property specifies how a widget is displayed on a GUI. Only the following values can be specified for the visibility property of the TabbedPane widget:
visible
The widget is displayed on a GUI and users are able to interact with the widget.
gone
The widget is not displayed on a GUI, and it does not occupy space on the GUI.
tabPosition The tabPosition property specifies the location of the tabs on the TabbedPane widget. The following values are available to be specified for the tabPosition property:
  • top
  • bottom
  • left-h
  • right-h
The default value is top.
width The width property specifies the width of the widget.
height The height property specifies the height of the widget.

Data mapping

Because the TabbedPane widget is a container for other widgets, it is not mapped to data in a WebSphere® Multichannel Bank Transformation Toolkit context on the server-side.

ECA editor support

The following events, properties, and functions can be configured for the TabbedPane widget with the ECA editor.
Table 2. Events that can be added to the TabbedPane 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 TabbedPane 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 specifies how a widget is displayed on a GUI. Only the following values can be specified for the visibility property of the TabbedPane widget:
visible
The widget is displayed on a GUI and users are able to interact with the widget.
gone
The widget is not displayed on a GUI, and it does not occupy space on the GUI.
disabled The disabled property is an expert-level property, which means that it is available for use in the XUI editor only if the XUI editor is configured to display expert properties. If you select a value of true for the disabled property, the widget is displayed on a GUI but a user cannot interact with it. Data contained in a disabled widget is not taken into account during form submission. The default value for the disabled property is false.
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 TabbedPane widget by using the ECA editor.
Function Description
closeChildByIndex The closeChildByIndex function closes a tab page. An index is used to specify the tab page that closes.
closeChildById The closeChildById function closes a tab page. An identifier is used to specify the tab page that closes.
selectChildByIndex The selectChildByIndex function displays a tab page. An index is used to specify the tab page that is displayed.
selectChildById The selectChildById function displays a tab page. An identifier is used to specify the tab page that is displayed.


Feedback