ダイアログにコンテンツを組み込みます。
カテゴリ
拡張ライブラリ
構文
<xe:dialogContent attributes>content</xe:dialogContent>
表 1. 必須プロパティプロパティ |
説明 |
id |
デフォルトは dialogContent1、dialogContent2 などです。 |
使用法
このコントロールの使用目的は以下のとおりです。
- ダイアログに組み込む
- テキストを表示するコントロールを組み込む
詳しくは、モーダルダイアログを参照してください。
例
以下に、ダイアログをアクティブにする 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>