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

ui:spinner

実際のコンポーネントのボディを読み込み中に使用する読み込みスピナー。

スピナーを切り替えるには、get("e.toggle") を使用し、isVisible パラメータを true または false に設定して、イベントを起動します。

次の例では、切り替え可能なスピナーを表示します。

1<aura:component access="global">
2 <ui:spinner aura:id="spinner"/>
3 <ui:button press="{!c.toggleSpinner}" label="Toggle Spinner" />
4</aura:component>

1({
2    toggleSpinner: function(cmp) {
3        var spinner = cmp.find('spinner');
4        var evt = spinner.get("e.toggle");
5        
6    if(!$A.util.hasClass(spinner, 'hideEl')){
7        evt.setParams({ isVisible : false });
8     }		
9    else {
10        evt.setParams({ isVisible : true });
11	}
12    evt.fire();
13    }
14})

属性

属性名	属性型	説明
`body`	Component[]	コンポーネントのボディ。マークアップ��は、これはタグのボディに含まれるすべてを指します。
`class`	String	コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。
`isVisible`	Boolean	このスピナーを表示するかどうかを指定します。デフォルトは true です。

イベント

イベント名	イベントタイプ	説明
`toggle`	COMPONENT	スピナーが切り替えられると起動されるイベント。

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

ui:spinner

属性

イベント