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

ui:message

さまざまな重要度レベルのメッセージを表します。

severity 属性は、メッセージの重要度レベルを示し、メッセージを表示するときに使用するスタイルを決定します。closable 属性が true に設定されている場合、x 記号を押すとメッセージを消去できます。

次の例では、条件が true と評価された場合は成功メッセージ、それ以外の場合はエラーメッセージを表示します。

1<aura:component>
2    <aura:attribute name="myBool" type="Boolean" default="true"/>
3    
4    <aura:renderIf isTrue="!{v.myBool}">
5        <ui:message title="Success" severity="confirm">
6           The operation is successful.
7        </ui:message>
8        <aura:set attribute="else">
9            <ui:message title="Error" severity="error">
10                This is an error.
11            </ui:message>
12        </aura:set>
13    </aura:renderIf>
14</aura:component>

次の例では、さまざまな重要度レベルのメッセージを表示します。

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	メッセージのタイトルテキスト。

イベント

イベント名	イベントタイプ	説明
`mouseup`	COMPONENT	ユーザがマウスボタンを放したことを示します。
`mousedown`	COMPONENT	ユーザがマウスキーを押したことを示します。
`mousemove`	COMPONENT	ユーザがマウスポインタを移動したことを示します。
`dblclick`	COMPONENT	コンポーネントがダブルクリックされたことを示します。
`mouseout`	COMPONENT	ユーザがマウスポインタをコンポーネントから移動したことを示します。
`click`	COMPONENT	コンポーネントがクリックされたことを示します。
`mouseover`	COMPONENT	ユーザがマウスポインタをコンポーネントに移動したことを示します。

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

ui:message

属性

イベント