tooltip - ツールチップ (拡張ライブラリコントロール)

別のコントロールにフォーカスがあるときにデータを表示します。

カテゴリ

拡張ライブラリ

構文

<xe:tooltip attributes>content</xe:tooltip>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `tooltip1`、`tooltip2` などです。
for	ツールチップを適用するコントロールを指定します。
label	ツールチップのコンテンツを指定します。
dynamicContent	true に設定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
basics	binding、dynamicContent、for、id、label、loaded、rendered、rendererType、showDelay
dojo	dojoAttributes、dojoType
イベント	afterContentLoad、beforeContentLoad
レイアウト	position
styling	disableTheme、themeId

使用法

ツールチップの内容を label プロパティまたはコントロールコンテンツとして指定します。

詳しくは、動的ツールチップを参照してください。

このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは、コアコントロールを使用して期待する効果を得ることです。

例

以下のツールチップには、繰り返し計算結果フィールドと関連付けられた文書の最終更新時刻が表示されます。ツールチップの内容は、ツールチップラベルで指定されています。

<xp:this.data>
	<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
</xp:this.data>
<xp:repeat id="repeat1" rows="30" value="#{view1}" var="row">
	<xp:text escape="true" id="computedField1"
		value="#{row.subject}">
	</xp:text><xp:br></xp:br>
	<xe:tooltip id="tooltip1" for="computedField1"
		dynamicContent="true">
		<xe:this.label>
			<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return "Last modified on " + doc.getLastModified().getLocalTime()}]]>
		</xe:this.label>
	</xe:tooltip>
</xp:repeat>

以下のツールチップには、繰り返し計算結果フィールドと関連付けられた文書のカテゴリと最終更新時刻が表示されます。ツールチップの内容は、ツールチップコンテンツで指定されています。

<xp:this.data>
	<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
</xp:this.data>
<xp:repeat id="repeat1" rows="30" value="#{view1}" var="row">
	<xp:text escape="true" id="computedField1" value="#{row.subject}"></xp:text>
	<xp:br></xp:br>
	<xe:tooltip id="tooltip1" for="computedField1" dynamicContent="true">
		<xp:panel>
			<xp:table>
				<xp:tr>
					<xp:td>Category</xp:td>
					<xp:td><xp:text escape="true" id="computedField2">
						<xp:this.value>
							<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return doc.getItemValueString("category")}]]>
						</xp:this.value></xp:text>
					</xp:td>
				</xp:tr>
				<xp:tr>
					<xp:td>Last modified</xp:td>
					<xp:td><xp:text escape="true" id="computedField3">
						<xp:this.value>
							<![CDATA[#{javascript:var doc:NotesDocument = row.getDocument();
return doc.getLastModified().getLocalTime()}]]>
						</xp:this.value></xp:text>
					</xp:td>
				</xp:tr>
			</xp:table>
		</xp:panel>
	</xe:tooltip>
</xp:repeat>