ui:message
さまざまな重要度のメッセージを表します。
severity 属性は、メッセージの重要度を示し、メッセージを表示するときに使用するスタイルを決定します。closable 属性が true に設定されている場合、x 記号を押すとメッセージを消去できます。
次の例では、消去できる確認メッセージを表示します。
1<ui:message title="Confirmation" severity="confirm" closable="true">
2 This is a confirmation message.
3 </ui:message>次の例では、さまざまな重要度のメッセージを表示します。
1<aura:component access="global">
2 <ui:message title="Confirmation" severity="confirm" closable="true">
3 This is a confirmation message.
4 </ui:message>
5 <ui:message title="Information" severity="info" closable="true">
6 This is a message.
7 </ui:message>
8 <ui:message title="Warning" severity="warning" closable="true">
9 This is a warning.
10 </ui:message>
11 <ui:message title="Error" severity="error" closable="true">
12 This is an error message.
13 </ui:message>
14
15</aura:component>属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。 | |
| closable | Boolean | クリックされるとアラートを閉じる [x] を表示するかどうかを指定します。デフォルト値は「false」です。 | |
| severity | String | メッセージの重要度。有効な値は、message (デフォルト)、confirm、info、warning、error です。 | |
| title | String | メッセージのタイトルテキスト。 |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| dblclick | COMPONENT | ユーザがコンポーネントをダブルクリックすると起動されるイベント。 |
| mouseover | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| mouseout | COMPONENT | ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。 |
| mouseup | COMPONENT | ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。 |
| mousemove | COMPONENT | ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。 |
| click | COMPONENT | ユーザがコンポーネントをクリックすると起動されるイベント。 |
| mousedown | COMPONENT | ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。 |