C# Blazor Radzen - Confirm Dialog (확인창) 사용하기

C# Blazor Radzem - Confirm Dialog (확인창) 사용하기

 

확인창을 이용하여 사용자 선택에 따른 처리를 하고자 할때

Radzen 의 DialogService 를 사용하는 방법입니다.

먼저 이전 포스팅에서 다루었던 Radzen 초기 설정이 되어 있어야합니다.

2024.03.11 - [코딩/C#] - C# Blazor Radzen Component 사용하기

 

Program.cs 에 아래 코드를 추가합니다.

builder.Services.AddScoped<DialogService>();

MainLayout.razor 에 아래 코드를 추가합니다.

<RadzenDialog/>

전체코드

@inherits LayoutComponentBase
<div class="page">
    <RadzenDialog/>
    <div class="sidebar">
        <NavMenu />
    </div>

    <main>
        <div class="top-row px-4">
            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
        </div>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

 

화면에서는 아래처럼 사용합니다.

@inject DialogService dialogService

....

@code {
    protected override void OnInitialized()
    {
        base.OnInitialized();
        
        TestMethod();
    }

private async void TestMethod()
{
    var result = await dialogService.Confirm("Confirm Dialog", "Test", new ConfirmOptions() { OkButtonText = "Yes", CancelButtonText = "No" });
}

 

결과