1. コンポーネントライブラリ

ポップオーバー

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Popoverコントロールは、Tooltipコントロールと同様の機能を提供しますが、より高度な機能を持つコンテナ コントロールです。

  • Contentというプレースホルダーがあります。このプレースホルダーには任意のコンテンツを配置できます。

  • hoverイベントとclickイベントのどちらに応答して展開してコンテンツを表示するかを指定できます。

  • 含まれるすべてのコンテンツに対応するサイズに自動的に拡張されます。

コントロールには、その動作を指定するために使用する次の重要なプロパティがあります。

  • Placement: コントロールが展開されるときにコンテンツを配置する方法を指定します。デフォルトはautoです。これは、コントロールが画面上のすべてのコンテンツに収まる配置を見つけることを意味します。その他のオプションは、topleftright、およびbottomです。これらのオプションのいずれかを指定すると、Popoverコントロールはそれに応じてコンテンツを配置します。ただし、これにより、すべてのコンテンツに収まらない場合があります。この状況を回避するには、最後のオプション セット ( top autoleft autoright auto、およびbottom auto) を使用できます。 Popoverコントロールは、指定したとおりにコンテンツを配置しようとします。コンテンツが収まらない場合は、代わりにautoが使用されます。

  • TargetControl: Popoverコントロールを開くか閉じるようにトリガーするコントロールのIDを指定します。

  • Trigger: Popoverコントロールをトリガーするユーザー操作を指定します。 click (デフォルト) またはhoverを指定できます。

プロパティ

名前

形容

既定値

Behavior

位置付け

含まれるコンテンツの表示場所を指定します

自動

ターゲットコントロール

PopoverコントロールをトリガーするコントロールのIDを指定します

トリガー

ポップオーバーをトリガーするイベントのタイプを指定します

クリック

この記事を改善するための提案がある場合は、 お知らせください!