[Programmin][.NET][Blazor] Pop Up창 띄우기(Modal)

보통 Blazor를 시작하면 다 "/page"로 네비게이션 이동만 하게 된다.

Modal을 사용해서 Pop Up 띄우기.

Nuget에서 패키지 다운로드 "Blazored.Modal"

패키지 다운로드하면 꼭... 제공되는 해당 Github가서 세팅 가이드 살펴보자...
안보면 세팅 안해놓고 이유도 모른채 혼자 몇시간 낭비하게된다.

Modal에서는 "CascadingParameter" 가 조금 버겁긴 했다.

 

Index.razor.cs에서 SettingsModal.razor를 PopUp띄운다.

---

1. 원하는 Class에 서비스 주입받는다. (Program.cs에서 서비스 등록한 상태.)

[Inject]로 주입받음.

 

2. Show한다.

안열리거나 문제있으면 메뉴얼 잘 보고 빠진거 꼭 확인하자.

 

3. SettingsModal 클래스 및 View 확인. 

여기서 SettingsModal는 내가 만든 razor파일이다. 띄울 razor 파일 입력하면 된다.

• 우측 위 "X" 표시는 Modal에서 제공하는 Cancelled이다.
• Cancel버튼을 사용하려면 직접 구현해야한다.

 

4. Cancel 버튼 구현

• ModalInstance를 주입받는다.
• CloseAsync() 사용.
• 위 구현과 함수는 SettingsModal.razor.cs 코드비하인드에 새로 진행해야 한다.