別のコントロールにフォーカスがあるときにデータを表示します。
<xe:tooltip attributes>content</xe:tooltip>
プロパティ | 説明 |
---|---|
id | デフォルトは tooltip1、tooltip2 などです。 |
for | ツールチップを適用するコントロールを指定します。 |
label | ツールチップのコンテンツを指定します。 |
dynamicContent | true に設定します。 |
カテゴリ | プロパティ |
---|---|
basics | binding、dynamicContent、for、id、label、loaded、rendered、rendererType、showDelay |
dojo | dojoAttributes、dojoType |
イベント | afterContentLoad、beforeContentLoad |
レイアウト | position |
styling | disableTheme、themeId |
詳しくは、動的ツールチップを参照してください。
このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは、コアコントロールを使用して期待する効果を得ることです。
<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>