djTimeTextBox - Dojo Time Text Box

Accepts a time value.

Category

Dojo Form

Syntax

<xe:djTimeTextBox attributes>content</xe:djTimeTextBox>
Table 1. Essential properties
Property Description
id Defaults to djTimeTextBox1, djTimeTextBox2, and so on.
value Binds the control to a data element.
Table 2. All properties
Category Properties
accessibility alt, tabIndex, title, waiRole, waiState
basics binding, dir, disabled, id, immediate, lang, loaded, maxLength, multipleSeparator, multipleTrim, readOnly, rendered, rendererType, required, trim, type, validatorExt
data constraints, converter, defaultValue, disableClientSideValidation, disableModifiedFlag, disableValidators, invalidMessage, promptMessage, rangeMessage, regExp, regExpGen, showReadOnlyAsDisabled, validator, validators, value, valueChangeListener, valueChangeListeners
dojo dojoAttributes, dojoType, dragRestriction, intermediateChanges, tooltip
events onBlur, onChange, onClick, onClose, onDblClick, onFocus, onHide, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onShow
format displayMessageExt, lowercase, propercase, tooltipPosition, uppercase
styling disableTheme, style, styleClass, themeId

Usage

This is a Dojo control.

At run time, a text box appears on the page. When the user selects the box, a time slider appears. The user can enter a time value. On invalid input, a tooltip appears.

This control is not tested against the latest accessibility standards. The recommended accessible path is the Date Time Picker control.

Examples

This example consists of a Time text box bound to a scoped variable, a button for submitting the page, and a computed field that displays the value of the scoped variable.
<xp:table>
	<xp:tr>
		<xp:td>Time Text Box</xp:td>
		<xp:td>
			<xe:djTimeTextBox id="djTimeTextBox1" value="#{sessionScope.djTimeTextBox1}"></xe:djTimeTextBox>
</xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td>
			<xp:button value="submit" id="button1">
				<xp:eventHandler event="onclick" submit="true" refreshMode="complete" immediate="false" save="true">
			</xp:eventHandler></xp:button>
		</xp:td>
		<xp:td></xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td>Value</xp:td>
		<xp:td><xp:text escape="true" id="computedField1" value="#{sessionScope.djTimeTextBox1}"></xp:text></xp:td>
	</xp:tr>
</xp:table>