djTextBox - Dojo Text Box

Accepts text input on one line.

Category

Dojo Form

Syntax

<xe:djTextBox attributes>content</xe:djTextBox>
Table 1. Essential properties
Property Description
id Defaults to djTextBox1, djTextBox2, 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
data converter, defaultValue, disableClientSideValidation, disableModifiedFlag, disableValidators, 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 lowercase, propercase, uppercase
styling disableTheme, style, styleClass, themeId

Usage

This is a Dojo control.

At run time, a text box appears on the page. The user can enter a line of text in the box.

This control is not tested against the latest accessibility standards. The recommended accessible path is the Edit Box control.

Examples

This example consists of a 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. The text box lower cases its input.
<xp:table>
	<xp:tr>
		<xp:td>Basic TextBox</xp:td>
		<xp:td>
			<xe:djTextBox value="#{sessionScope.djTextBox1}" lowercase="true"></xe:djTextBox>
</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.djTextBox1}"></xp:text></xp:td>
	</xp:tr>
</xp:table>