Lightning コンポーネント開発者ガイド
j押下されたボタンの確認
複数のボタンがあるコンポーネントで押下されたボタンを確認するには、Component.getLocalId() を使用します。
複数のボタンがあるコンポーネントを見てみましょう。各ボタンには、aura:id 属性によって設定された一意のローカル ID があります。
1<!--c:buttonPressed-->
2<aura:component >
3 <aura:attribute name="whichButton" type="String" />
4
5 <p>You clicked: {!v.whichButton}</p>
6
7 <ui:button aura:id="button1" label="Click me" press="{!c.nameThatButton}"/>
8 <ui:button aura:id="button2" label="Click me too" press="{!c.nameThatButton}"/>
9</aura:component>クライアント側コントローラで event.getSource() を使用して、クリックされたボタンコンポーネントを取得します。getLocalId() をコールして、クリックされたボタンの aura:id を取得します。
1/* buttonPressedController.js */
2({
3 nameThatButton : function(cmp, event, helper) {
4 var whichOne = event.getSource().getLocalId();
5 console.log(whichOne);
6 cmp.set("v.whichButton", whichOne);
7 }
8})