ASP.NET Blazorで JavaScirptのAlertを表示する

2023年8月16日水曜日

Blazor

t f B! P L

IJSRuntimeのインジェクション

BlazorのC#のコードから JavaScirptを呼び出す場合は、IJSRuntimeの InvokeVoidAsyncInvokeVAsyncメソッドを使います。なので、最初にIJSRuntimeのインスタンスをインジェクションします。

@inject IJSRuntime JS

Alertを表示する

以下は、ボタンが押されたときにJavaScirptのAlertを表示する例です。
InvokeVoidAsyncメソッドでは、2つ目の引数に呼び出すJavaScirptの関数名、2つ目以降の引数にJavaScirptの関数に渡すパラメータを指定します。

<button  @onclick="ShowAlert">アラート表示</button>

@code  {
  private async Task ShowAlert() {
    await JS.InvokeVoidAsync("alert", "アラートメッセージ");
  }
}
スポンサーリンク
スポンサーリンク

このブログを検索

Profile

自分の写真
Webアプリエンジニア。 日々新しい技術を追い求めてブログでアウトプットしています。
プロフィール画像は、猫村ゆゆこ様に書いてもらいました。

仕事募集もしていたり、していなかったり。

QooQ