Lightning コンポーネント開発者ガイド
jui:checkboxMenuItem
複数選択をサポートしてアクションを呼び出すことができる、チェックボックスを含むメニュー項目。このコンポーネントは、ui:menu コンポーネントでネストされます。
ui:checkboxMenuItem コンポーネントは、複数選択を有効にするメニューリスト項目を表します。リストの値を反��処理してメニュー項目を表示するには、aura:iteration を使用します。ui:menuTriggerLink コンポーネントは、メニュー項目を表示したり、非表示にしたりします。
1<aura:attribute name="status" type="String[]" default="Open, Closed, Closed Won, Any"/>
2 <ui:menu>
3 <ui:menuTriggerLink aura:id="checkboxMenuLabel" label="Multiple selection"/>
4 <ui:menuList aura:id="checkboxMenu" class="checkboxMenu">
5 <aura:iteration items="{!v.status}" var="s">
6 <ui:checkboxMenuItem label="{!s}"/>
7 </aura:iteration>
8 </ui:menuList>
9 </ui:menu>属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| disabled | Boolean | コンポーネントを無効な状態で表示するかどうかを指定します。デフォルト値は「false」です。 | |
| hideMenuAfterSelected | Boolean | メニュー項目の選択後にメニューを非表示にするには、true に設定します。 | |
| label | String | コンポーネントに表示されるテキスト。 | |
| selected | Boolean | メニュー項目の状況。True はこのメニュー項目が選択されていることを示し、False は選択されていないことを示します。 | |
| type | String | メニュー項目の具体的な種別。有効な値は、「action」、「checkbox」、「radio」、「separator」、または ns:xxxxmenuItem などの名前空間を含むコンポーネント記述子です。 |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | ユーザがコンポーネントをダブルクリックすると起動されるイベント。 |
| mouseover | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| mouseout | COMPONENT | ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。 |
| mouseup | COMPONENT | ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。 |
| mousemove | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| click | COMPONENT | ユーザがコンポーネントをクリックすると起動されるイベント。 |
| mousedown | COMPONENT | ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。 |
| select | COMPONENT | ユーザが何らかのテキストを選択すると起動されるイベント。 |
| blur | COMPONENT | ユーザがコンポーネントから離れると起動されるイベント。 |
| focus | COMPONENT | ユーザがコンポーネントにフォーカスを移動すると起動されるイベント。 |
| keypress | COMPONENT | ユーザがコンポーネント上でキーボードのキーを押すまたは押したままにすると起動されるイベント。 |
| keyup | COMPONENT | ユーザがコンポーネント上でキーボードのキーを放すと起動されるイベント。 |
| keydown | COMPONENT | ユーザがコンポーネント上でキーボードのキーを押すと起動されるイベント。 |