メインコンテンツまでスキップ

showToastMessage

showToastMessage

画面下部にトーストメッセージを表示します。

パラメータ

  • toastTypeString): トーストのスタイル。'error''warning''success''notify'のいずれか。それ以外の値は既定(normal)スタイルで表示されます。
  • messageString): 表示するテキスト内容
  • durationintまたはnull): 表示時間(ミリ秒)。nullの場合は既定値の2000ms(2秒)が適用されます。

戻り値: void

説明

画面下部中央に、アイコンとメッセージを含むトースト通知を表示します。toastTypeによってトーストの背景色が変わり、各タイプの意味は次のとおりです。

toastType説明
'error'エラー発生時(エラー色)
'warning'注意が必要な状況(警告色)
'success'処理成功時(成功色)
'notify'一般的な通知(通知色)
それ以外既定のスタイル(alertBackground色)

durationはミリ秒単位で指定し、その時間が経過するとトーストは自動的に消えます。nullを渡すと2000msが適用されます。

Example

// 저장 성공 알림
$vm.showToastMessage("success", "저장되었습니다.", 2000);

// 입력값 오류 알림
$vm.showToastMessage("error", "필수 항목을 입력해주세요.", 3000);

// 경고 알림
$vm.showToastMessage("warning", "네트워크 상태가 불안정합니다.", 2000);

// 일반 알림 (기본 2초)
$vm.showToastMessage("notify", "데이터를 불러왔습니다.", null);

// 타입에 따라 동적으로 표시
const isSuccess = true;
$vm.showToastMessage(
isSuccess ? "success" : "error",
isSuccess ? "처리가 완료되었습니다." : "처리에 실패했습니다.",
2500
);

関連

  • $app.showLoadingIndicator — アプリ全体のレベルでローディングインジケーターを表示します。
  • $form.showLoadingIndicator — 現在のフォームのレベルでローディングインジケーターを表示します。