imageValues - Image List

Specifies a list of images.

Category

basics

Syntax

<xe:this.imageValues>
	<xe:selectImage attributes>content</xe:selectImage>
	...
</xe:this.imageValues>

Usage

In Design mode, click All Properties and look for imageValues under basics.
Each image is defined by an object of type xe:selectImage with properties as follows:
Table 1. xe:selectImage properties
Property Description
image="name" Name of the image file, for example, /folder.gif, that is displayed for the value.
imageAlt="text" Alternative text if the image cannot be displayed.
loaded="true|false" Whether the tag instance should be created when the page is loading. Defaults to true.
selectedImage="name" Name of the image file, for example, /folder.gif, that is displayed for the value when it is selected.
selectedStyle="name" Style for a selected value.
selectedClass="name" Style class for a selected value.
selectedValue="value" Value returned when the image is selected.
style="style,..." Space-separated list of CSS styles applied when the control is rendered.
styleClass="class,..." Space-separated list of CSS style classes applied when the control is rendered.
title="title" Advisory title.

Examples

This example consists of an Image 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>Image Select</xp:td>
		<xp:td>
			<xe:djextImageSelect id="djextImageSelect1"
				value="#{sessionScope.djextImageSelect1}">
				<xe:this.imageValues>
					<xe:selectImage image="/folder.gif"
						selectedValue="folder" selectedImage="/folder.gif">
					</xe:selectImage>
					<xe:selectImage image="/link.gif"
						selectedImage="/link.gif" selectedValue="link">
					</xe:selectImage>
					<xe:selectImage image="/binary.gif"
						selectedImage="/binary.gif" selectedValue="binary">
					</xe:selectImage>
				</xe:this.imageValues>
			</xe:djextImageSelect>
		</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.djextImageSelect1}">
			</xp:text>
		</xp:td>
	</xp:tr>
</xp:table>