-
Wijmo
- Arraybase
- Binding
- Canceleventargs
- Clipboard
- Collectionview
- Collectionviewgroup
- Color
- Control
- Datetime
- Event
- Interop
- Eventargs
- Globalize
- Groupdescription
- Notifycollectionchangedeventargs
- Observablearray
- Pagechangingeventargs
- Point
- Printdocument
- Propertygroupdescription
- Propertychangedeventargs
- Rect
- Requesterroreventargs
- Size
- Sortdescription
-
Tooltip
- Tooltipeventargs
- Aggregate
- Datatype
- Key
- Notifycollectionchangedaction
- Popupposition
- Sortnulls
- Ibindinginfo
- Icollectionview
- Ieditablecollectionview
- Ihttprequestoptions
- Inotifycollectionchanged
- Ipagedcollectionview
- Iqueryinterface
- Barcode
- Chart
- Cloud
- Gauge
- Grid
- Input
- Nav
- Odata
- Olap
- Rest
- Touch
- Undo
- Viewer
- Xlsx
- Interops
Wijmo.Tooltip
Tooltip クラス
階層
- Tooltip
コンストラクタ
プロパティ
メソッド
イベント
コンストラクタ
constructor
プロパティ
cssClass
ツールチップに追加するCSSクラス名を取得または設定します。
このプロパティのデフォルト値は空の文字列です。
gap
ツールチップとターゲット要素との距離を取得または設定します。
このプロパティのデフォルト値は6ピクセルです。
hideDelay
マウスがターゲット要素の上に乗った時、ツールチップが消えるまでの遅延（ミリ秒単位）を取得または設定します。
このプロパティのデフォルト値は ゼロ ミリ秒です。これにより、 マウスが要素から離れるまで、ツールチップが表示されたままになります。
isAnimated
ツールチップを表示するときにフェードインアニメーションを使用する かどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はfalseです。
isContentHtml
ツールチップのコンテンツをプレーンテキストとして表示するか、HTMLとして表示するかを決定する値を取得または設定します。
このプロパティのデフォルト値はtrueです。
isVisible
ツールチップが表示されているかどうかを示す値を取得します。
position
オーナ要素に対してツールチップを表示する必要があるPopupPositionを取得または設定します。
このプロパティのデフォルト値はPopupPosition.Aboveです。
showAtMouse
ツールチップをターゲット要素ではなくマウスの位置を基準にして計算するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はfalse,です。 これにより、ツールチップの位置がターゲット要素に基づいて計算されます。
positionプロパティは、 ターゲット要素またはマウスの位置に対するツールチップの位置を決定するために 使用されます。
showDelay
マウスがターゲット要素に入ってからツールチップが表示されるまでの遅延（ミリ秒単位）を取得または設定します。
このプロパティのデフォルト値は500ミリ秒です。
メソッド
dispose
-
このTooltip インスタンスに関連付けられたすべてのツールチップを削除します。
戻り値 void
getTooltip
-
指定した要素に関連付けられたツールチップの内容を取得します。
引数
-
element: any
ツールチップで説明する要素、要素ID、またはコントロール。
戻り値 string | null
指定した要素に関連付けられたツールチップの内容。
-
hide
-
ツールチップが現在表示されている場合、非表示にします。
戻り値 void
onPopup
-
popup イベントを発生させます。
引数
-
e: TooltipEventArgs
イベントデータを含むTooltipEventArgs 。
戻り値 boolean
-
setTooltip
-
ページ上の指定した要素にツールチップの内容を割り当てます。
ページ上の任意の数の要素に対して同じツールチップを 使用して情報を表示できます。要素からツールチップを削除するには、 setTooltip を呼び出して内容をnullに設定します。
すべての要素のツールチップを削除するには、dispose メソッドを呼び出します。
引数
-
element: any
ツールチップが説明する要素、単一要素のCSSセレクターやコントロール。
-
content: string | null
ツールチップの内容、またはツールチップの内容を含む要素のID。
-
オプション position: PopupPosition
オーナ要素に対してツールチップを表示する位置。
戻り値 void
-
show
-
指定した要素の横に、指定した内容を含むツールチップを表示します。
引数
-
element: any
ツールチップで説明する要素、要素ID、またはコントロール。
-
content: string
ツールチップの内容、またはツールチップの内容を含む要素のID。
-
オプション bounds: Rect
ツールチップが対象とする領域の範囲を定義するオプションのパラメータ。 これを指定しない場合は、要素の範囲が使用されます。
-
オプション position: PopupPosition
参照範囲に対するツールチップの位置を指定するオプションのパラメータ。 指定した場合、この値は{@linkposition}プロパティの設定をオーバーライドします。
戻り値 void
-
イベント
popup
ツールチップの内容が表示される前に発生します。
イベントハンドラでイベントパラメーターを変更してツールチップの内容をカスタマイズしたり、ツールチップの表示を抑制したりできます。
ページ上の要素に関する追加情報を表示するポップアップウィンドウを提供します。
Tooltip クラスは以下の2つのモードで使用できます。
自動モード:setTooltip メソッドを使用して、 Tooltip をページの1つ以上の要素に接続します。 Tooltip がイベントを自動的に監視し、 ユーザーがツールチップをトリガーするアクションを実行したときにツールチップを表示します。 次に例を示します。
import { Tooltip } from '@grapecity/wijmo'; let tt = new Tooltip(); tt.setTooltip('#menu', 'Select commands.'); tt.setTooltip('#tree', 'Explore hierarchy.'); tt.setTooltip('#chart', '#idChartTooltip');手動モード: 呼び出し元がshow メソッドとhide メソッドを 使用してツールチップの表示/非表示を制御します。 次に例を示します。
import { Tooltip } from '@grapecity/wijmo'; let tt = new Tooltip(); element.addEventListener('click', () => { if (tt.isVisible) { tt.hide(); } else { tt.show(element, 'This is an important element!'); } });次の例は、Tooltip クラスを使用してExcelスタイルのメモを FlexGrid コントロールのセルに追加する方法を示しています。
デモ