djSimpleTextarea - Dojo Simple Text Area

Accepts text input on multiple lines.

Category

Dojo Form

Syntax

<xe:djSimpleTextarea attributes>content</xe:djSimpleTextarea>
Table 1. Essential properties
Property Description
id Defaults to djSimpleTextarea1, djSimpleTextarea2, 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 cols, lowercase, propercase, rows, 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 multiple lines of text in the box. A vertical slider is added as needed.

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

Examples

This example consists of a text area 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>Text Area</xp:td>
		<xp:td>
			<xe:djSimpleTextarea value="#{sessionScope.djSimpleTextarea1}"></xe:djSimpleTextarea>
</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.djSimpleTextarea1}"></xp:text></xp:td>
	</xp:tr>
</xp:table>