djextLinkSelect - Dojo Link Select

Accepts a value based on a selected link.

Category

Dojo Form

Syntax

<xe:djextLinkSelect attributes>content</xe:djextLinkSelect>
Table 1. Essential properties
Property Description
id Defaults to djextLinkSelect1, djextLinkSelect2, and so on.
value Binds the control to a data element.
dataProvider Specifies choices for the value selection.
Table 2. All properties
Category Properties
accessibility alt, tabIndex, title, waiRole, waiState
basics binding, dataProvider, dir, disabled, id, immediate, lang, loaded, multipleSeparator, multipleTrim, readOnly, rendered, rendererType, required, 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
styling disableTheme, firstItemStyle, firstItemStyleClass, itemStyle, itemStyleClass, lastItemStyle, lastItemStyleClass, style, styleClass, themeId

Usage

This is a Dojo control.

At run time, the link values appear. The user can select one which causes the bound value to be set.

Examples

This example consists of a Link Select control 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>Link Select</xp:td>
		<xp:td>
			<xe:djextLinkSelect id="djextLinkSelect1"
				value="#{sessionScope.djextLinkSelect1}">
				<xe:this.dataProvider>
					<xe:simpleValuePicker valueListSeparator=","
						valueList="red,blue,green">
					</xe:simpleValuePicker>
				</xe:this.dataProvider>
			</xe:djextLinkSelect>
		</xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td></xp:td>
		<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:tr>
	<xp:tr>
		<xp:td>Value</xp:td>
		<xp:td>
			<xp:text escape="true" id="computedField1"
				value="#{sessionScope.djextLinkSelect1}">
			</xp:text>
		</xp:td>
	</xp:tr>
</xp:table>