Development tools : XUI editor : XUI widgets and containers : Widget descriptions : CheckBox
  
CheckBox
The CheckBox widget allows a user to either check or uncheck an option. A data element is associated to this widget and you can decide which value will be set for this data element when either the box is checked or unchecked.
Implementation base
The CheckBox widget is a Dojo-based widget:
com.ibm.btt.dijit.CheckBox
Properties for the CheckBox widget
 
Property
Description
id
The identifier for the widget.
dataName
The name of the data element to which the widget is bound. This property is not mandatory. When there is no data need to be sent to the server, this property can be left blank.
checkedValue
This is a required property. The checkValue property specifies the value of the checkbox field when it is selected. The default value is true.
uncheckedValue
This is a required property. The uncheckValue property specifies the value of the checkbox field when it is not selected. The default value is false.
text
The text property is the text that is displayed on the label for a user if a value has not been assigned for the dataName property. This is an optional property.
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.
disabled
Disabled elements cannot have focus; do not receive or fire mouse events; and cannot receive user input. If you set this property to true, the widget is displayed on a GUI, but a user cannot interact with it. Data contained in a disabled widget is not processed when the form is submitted. The default value is false.
readOnly
To prevent a user from changing the value, set readOnly to true. The default value is false.
hint
A description of the widget that is displayed as a tooltip for a user. This property has multilingual support.
shortcut
Shortcut is a single character from the document character set. Pressing a shortcut assigned to a widget together with hot key of browser gives focus to the widget. Different widget may have different action when it receives focus. For example, when user activates a TextBox, this TextBox is focused and all texts are selected; when user activates a button, this button is focused and selected. The toolkit supports a shortcut function based on standard HTML access key and browser capability. That's mean the shortcut character and the hot key may be different in different browsers. For more information about HTML access keys, see:
Action for Checkbox is : focus and select checkbox
Shortcut character: a-z 0-9 , . / ; ’ [ ]  = -
Hot key
Firefox: Shift + Alt + shortcut
IE: Alt + shortcut
Sample
Input on UDTT tooling: a
Usage on IE: Pressing Alt + a
styleClass
The styleClass property specifies the name of the CSS style ( also known as CSS style class) associated with the widget. This property is set by selecting a style from the CSS styles table in the Style tab of the Properties view. If you do not configure the styleClass property, the default style is used instead. For more detailed information, refer to Setting CSS style to widgets.
Data binding
When the CheckBox widget is being loaded with data from a context, the check box is selected if the value of the data field matches the value that is specified for the checkedValue property. If the value of the data field does not match the value that is specified for the checkedValue property, the check box is not selected.
When data is sent from the CheckBox widget to a context, a string containing either checkedValue or uncheckedValue is sent depending on the selection that is made by a user.
Data mapping can be changed by associating a UDTT data type to the field, and then converting the client-side string to another object such as a boolean or an integer.
See
ECA editor support
Go up to
Widget descriptions