5.20193.637
WjContextMenu Wijmo API クラス

WjContextMenu クラス

コンテキストメニューに対応するAngular 2ディレクティブ。

wjContextMenuディレクティブを使用して、ページ上の要素に コンテキストメニューを追加できます。wjContextMenuディレクティブはwj-menuコンポーネントを基にし、 ユーザーが要素に対してコンテキストメニューを要求したときに(通常は 右クリックしたとき)、ポップアップメニューを表示します。

wjContextMenuディレクティブは、コンテキストメニューの適用先の 要素に追加されるパラメータとして指定します。パラメータの値は、 wj-menuコンポーネントへの参照です。次に例を示します。

<!-- コンテキストメニュー付きの段落 -->
<p [wjContextMenu]="menu" >
 この段落にはコンテキストメニューがあります。</p>

<!-- コンテキストメニューを定義します(非表示、ID付き)>
<wj-menu #menu style="display:none">
 <wj-menu-item [cmd]="cmdOpen" [cmdParam] ="1">開く...</wj-menu-item>
 <wj-menu-item [cmd]="cmdSave" [cmdParam]="2">保存 </wj-menu-item>
 <wj-menu-item [cmd]="cmdSave" [cmdParam]="3">名前を付けて保存...</wj-menu-item>
 <wj-menu-item [cmd]="cmdNew" [cmdParam] ="4">新規作成...</wj-menu-item>
 <wj-menu-separator></wj-menu-separator>
 <wj-menu-item [cmd]="cmdExit" [cmdParam]="5">終了</wj-menu-item>
</wj-menu >

階層

  • WjContextMenu