switchFacet - スイッチ

キー値に応じて代替パネルを表示します。

カテゴリ

拡張ライブラリ

構文

<xe:switchFacet attributes>content</xe:switchFacet>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `switchFacet1`、`switchFacet2` などです。
selectedFacet	表示パネルのキーを指定します。
defaultFacet	`selectedFacet` と一致する表示パネルがない場合の、表示パネルのキーを指定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
basics	binding、defaultFacet、id、loaded、rendered、rendererType、selectedFacet
styling	disableTheme、themeId

使用法

各代替表示を、スイッチコントロールに対するコンテンツとなるパネルとして定義します。各パネルに key プロパティを指定します。表示するパネルを決定するには、スイッチコントロールの selectedFacet プロパティと defaultFacet プロパティを使用します。

例

以下のツールチップダイアログには、ボタンがダイアログをアクティブにするときに、そのボタンに対して表示されるテキストが含まれています。このツールチップダイアログには、show イベントと hide イベント用の警告ボックスが表示されます。

What do you want to buy?>
<xp:comboBox id="comboBox1">
	<xp:selectItem itemLabel="Select an item..." itemValue=""></xp:selectItem>
	<xp:selectItem itemLabel="A Car" itemValue="car"></xp:selectItem>
	<xp:selectItem itemLabel="A Motorbike" itemValue="moto"></xp:selectItem>
	<xp:selectItem itemLabel="A Moped" itemValue="moped"></xp:selectItem>
	<xp:selectItem itemLabel="I don't know!" itemValue="dunno"></xp:selectItem>
	<xp:eventHandler event="onchange" submit="true" refreshMode="partial" refreshId="panel1">	</xp:eventHandler>
</xp:comboBox><xp:br></xp:br>
<xp:panel id="panel1">
	<xe:switchFacet id="switchFacet1" defaultFacet="else">
		<xe:this.selectedFacet>
			<![CDATA[#{javascript:return getComponent("comboBox1").getValue()}]]>
		</xe:this.selectedFacet>
		<xp:this.facets>
			<xp:panel xp:key="car">What about a Ford?></xp:panel>
			<xp:panel xp:key="moto">Hum, a nice <u>Harley</u> or a Japanese sports one?></xp:panel>
			<xp:panel xp:key="moped">Do you prefer <u>Peugeot</u> or <u>Piaggio</u>?</xp:panel>
			<xp:panel xp:key="else">
				<xp:label id="label1">
					<xp:this.value>
						<![CDATA[#{javascript:var v = getComponent("comboBox1").getValue();
if(v) {
	return "Please select another option"
} else {
	return ""
}}]]>
					</xp:this.value>
				</xp:label>
			</xp:panel>
		</xp:this.facets>
	</xe:switchFacet>
</xp:panel>