icons - アイコン

1 つのアイコンを選択するためのアイコンコレクションを指定します。

カテゴリ

basics

構文

<xe:this.icons>
	<xe:iconEntry attributes>content</xe:iconEntry>
	...
</xe:this.icons>

使用法

設計モードで、[すべてのプロパティ] をクリックし、[basics] の下の [icons] を探します。

各アイコンは、以下のプロパティを持つ xe:iconEntry タイプのオブジェクトによって定義されます。

表 1. `xe:iconEntry` プロパティ
プロパティ	説明
`alt="text"`	イメージを表示できない場合の代替テキスト。
`loaded="true\|false"`	ページのロード時に、タグインスタンスを作成するかどうか。デフォルトは `true` です。
`selected="true\|false"`	アイコンを選択するかどうか。`selectedValue` が欠落している場合などに、これを false として計算することができます。
`selectedValue="name"`	アイコンに選択用の名前を付けます。
`style="style,..."`	コントロールのレンダリング時に適用される CSS スタイルのスペース区切りリスト。
`styleClass="class,..."`	コントロールのレンダリング時に適用される CSS スタイルクラスのスペース区切りリスト。
`title="title"`	推奨タイトル。
`url="url"`	イメージの URL。

例

以下のマルチイメージコントロールは、コンボボックスでの選択内容に応じて、3 つのイメージのいずれかを表示します。

<xe:multiImage id="multiImage1"
	value="#{javascript:return getComponent('djComboBox1').value}">
	<xe:this.icons>
		<xe:iconEntry url="/binary.gif" alt="binary"
			selectedValue="binary">
		</xe:iconEntry>
		<xe:iconEntry url="/folder.gif" alt="folder"
			selectedValue="folder">
		</xe:iconEntry>
		<xe:iconEntry url="/link.gif" alt="link"
			selectedValue="link">
		</xe:iconEntry>
	</xe:this.icons>
</xe:multiImage>
<xe:djComboBox id="djComboBox1" defaultValue="binary">
	<xp:selectItem itemLabel="binary"></xp:selectItem>
	<xp:selectItem itemLabel="folder"></xp:selectItem>
	<xp:selectItem itemLabel="link"></xp:selectItem>
	<xp:eventHandler event="onChange" submit="true"
		refreshMode="complete">
	</xp:eventHandler>
</xe:djComboBox>