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

lightning:buttonGroup

ボタンのグループを表します。

lightning:buttonGroup コンポーネントは、ナビゲーションバーを作成するために一緒に表示できるボタンのセットを表します。コンポーネントのボディには lightning:button または lightning:buttonMenu を含めることができます。ナビゲーションタブが必要な場合は、lightning:buttonGroup ではなく lightning:tabset を使用します。

このコンポーネントは、Lightning Design System のボタングループからスタイル設定を継承します。

ボタンを作成するには、次の例のように lightning:button コンポーネントを使用します。

1<aura:component>
2    <lightning:buttonGroup>
3        <lightning:button label="Refresh" onclick="{!c.handleClick}"/>
4        <lightning:button label="Edit" onclick="{!c.handleClick}"/>
5        <lightning:button label="Save" onclick="{!c.handleClick}"/>
6    </lightning:buttonGroup>
7</aura:component>

lightning:button の onclick ハンドラは handleClick クライアント側コントローラをコールし、クライアント側コントローラはクリックされたボタンの表示ラベルを返します。

1({
2    handleClick: function (cmp, event, helper) {       
3        var selectedButtonLabel = event.getSource().get("v.label");
4        alert("Button label: " + selectedButtonLabel);
5    }
6})

属性

属性名	属性型	説明
`body`	Component[]	コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
`class`	String	コンポーネントの基本クラスに加え、外部要素の CSS クラス。
`title`	String	マウスポインタが要素に重ねられたときにツールチップテキストを表示します。

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

lightning:buttonGroup

属性