dialogButtonBar - ダイアログボタンバー

ダイアログにボタンを組み込みます。

カテゴリ

拡張ライブラリ

構文

<xe:dialogButtonBar attributes>content</xe:dialogButtonBar>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `dialogButtonBar1`、`dialogButtonBar2` などです。

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

使用法

このコントロールの使用目的は以下のとおりです。

ダイアログに組み込む
ボタンを組み込む

組み込まれたボタンは、ダイアログの下部に表示されます。

詳しくは、モーダルダイアログを参照してください。

例

以下に、ダイアログをアクティブにする 2 つのボタンを示します。一方はクライアントサイド、もう一方はサーバーサイドのボタンです。このダイアログには、現在の時刻を表示する計算結果フィールドとダイアログボタンバーが含まれています。ボタンバーには、[OK] と [キャンセル] というラベルの付いた 2 つのボタンがあります。どちらのボタンも単にダイアログを閉じます。

<xp:button value="Display time client-side" id="button4">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script><![CDATA[XSP.openDialog("#{id:dialog1}")]]></xp:this.script>
	</xp:eventHandler>
</xp:button>
<xp:button value="Display time server-side" id="button5">
	<xp:eventHandler event="onclick" submit="true" refreshMode="complete">
		<xp:this.action><![CDATA[#{javascript:getComponent("dialog1").show()}]]></xp:this.action>
	</xp:eventHandler>
</xp:button>
<xe:dialog id="dialog1" title="Current Time">
	<xe:dialogContent id="dialogContent1">
		<xp:text escape="true" id="computedField1">
			<xp:this.value><![CDATA[#{javascript:var dt:NotesDateTime = session.createDateTime("Today");
			dt.setNow();
			return dt.getLocalTime();}]]></xp:this.value>
		</xp:text>
	</xe:dialogContent>
	<xe:dialogButtonBar id="dialogButtonBar1">
		<xp:button value="OK" id="button6">
			<xp:eventHandler event="onclick" submit="false">
				<xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
			</xp:eventHandler>
		</xp:button>
		<xp:button value="Cancel" id="button7">
			<xp:eventHandler event="onclick" submit="false">
				<xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
			</xp:eventHandler>
		</xp:button>
	</xe:dialogButtonBar>
</xe:dialog>