formRow - フォームレイアウト行

フォームレイアウト列またはレイアウト表自体のコンテンツ行を指定します。

カテゴリ

拡張ライブラリ

構文

<xe:formRow attributes>content</xe:formRow>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `formRow1`、`formRow2` などです。
for	行を適用するコントロールを識別します。このコントロールが行内に含まれている場合は、必要ありません。
label	ラベルをコントロールと関連付けます。
labelPosition	コントロールを基準にしたラベルの位置を指定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
basics	binding、for、helpId、id、label、labelWidth、loaded、rendered、rendererType
format	labelPosition
styling	disableTheme、style、styleClass、themeId

例

以下の例は、2 列構成の表を表示します。各列には行が 1 つあり、行には編集ボックスが含まれています。効果は、これらの編集ボックスを同一線上に表示することです。ヘッダーには説明テキストが表示され、フッターには保存ボタンとキャンセルボタンが表示されます。

<xe:formTable id="formTable1" formTitle="Subject and number"
formDescription="Provide your input in the boxes below.">
	<xe:formColumn>
		<xe:formRow id="formRow1" label="Subject" for="inputText1">
		<xp:inputText id="inputText1"
			value="#{document1.subject}">
		</xp:inputText>
		</xe:formRow>
	</xe:formColumn>
	<xe:formColumn>
		<xe:formRow id="formRow2" label="Number" for="inputText1">
		<xp:inputText id="inputText2"
			value="#{document1.number}">
		</xp:inputText>
		</xe:formRow>
	</xe:formColumn>
	<xp:this.facets>
		<xp:panel xp:key="footer" id="panel1">
			<xp:button value="Save" id="button1">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="complete" immediate="false" save="true">
				</xp:eventHandler>
			</xp:button>
			<xp:button value="Cancel" id="button2">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="complete" immediate="true" save="false">
				</xp:eventHandler>
			</xp:button>
		</xp:panel>
	</xp:this.facets>
</xe:formTable>