この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

ui:menuSelect

メニューコンポーネントで 1 つのメニュー項目が選択されたことを示します。

たとえば、ui:menuList コンポーネントはこのイベントを登録し、コンポーネントでイベントを起動できるようにします。

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:registerEvent name="menuSelect"  type="ui:menuSelect"
18
19                    description="The event fired when a menu item is selected." />
20
21

このイベントは ui:menuList コンポーネントインスタンスで処理できます。次の例に、2 つのリスト項目があるメニューコンポーネントを示します。ui:menuSelect イベントと click イベントを処理します。

1<ui:menu>
2
3    <ui:menuTriggerLink aura:id="trigger" label="Contacts"/>
4
5        <ui:menuList class="actionMenu" aura:id="actionMenu" menuSelect="{!c.selected}">
6
7            <ui:actionMenuItem aura:id="item1" label="All Contacts" click="{!c.doSomething}"/>
8
9            <ui:actionMenuItem aura:id="item2" label="All Primary" click="{!c.doSomething}"/>
10
11        </ui:menuList>
12
13</ui:menu>

メニュー項目がクリックされると、click イベントが処理されてから、ui:menuSelect イベント (次の例の doSomething および selected クライアント側コントローラに対応) が処理されます。

1({
2
3    selected : function(component, event, helper) {
4
5        var selected = event.getParam("selectedItem");
6
7        
8
9        // returns label of selected item
10
11        var selectedLabel = selected.get("v.label"); 
12
13    },
14
15    
16
17    doSomething : function(component, event, helper) {
18
19        console.log("do something");
20
21    }
22
23})

属性名	型	説明
`selectedItem`	Component[]	選択されているメニュー項目
`hideMenu`	Boolean	True に設定した場合はメニューを非表示にします
`deselectSiblings`	Boolean	現在選択されているメニュー項目の同階層を選択解除します
`focusTrigger`	Boolean	フォーカスを `ui:menuTrigger` コンポーネントに設定します

Lightning コンポーネント開発者ガイド

ui:menuSelect