KeiStory

반응형

C# Blazor CascadingParameter

C# Blazor CascadingParameter CascadingParameter 는 상위 컴포넌트 정의된 데이터를 하위 컴포넌트로 전달하는 방법을 제공합니다. 아래처럼 Program.cs 에서 아래처럼 AddCsacadingValue 로 정의하게 되면 builder.Services.AddCascadingValue(sp => new Test { Name = "kei" }); builder.Services.AddCascadingValue("AlphaGroup", sp => new Test { Name = "kei2" }); 아래처럼 모든 razor 페이지들이 해당 항목을 모두 받아서 사용할 수 있습니다. @code { [CascadingParameter] public Test? Test { get; s..
코딩/Blazor 2024. 3. 24. 23:37

C# Blazor ShouldRender - 불필요한 렌더링 방지

C# Blazor ShouldRender - 불필요한 렌더링 방지 Blazor 의 ShouldRender 는 화면에서 불필요한 렌터링을 방지하여 사용자에게 불필요하게 변경된 내용을 화면에 표시되지 않아도 될때 사용할 수 있습니다. 사용방법은 간단합니다. 아래처럼 return false; 를 해주게되면 화면이 렌더링되지 않습니다. protected override bool ShouldRender() { return false; } 기본으로 생성되는 Counter.razor 화면에서 버튼 클릭 시 숫자가 증가하게 되는데 위처럼 처리하게되면 화면의 숫자가 증가하지 않습니다. 아래처럼 특정 조건인 경우 ShouldRender 를 이용하여 렌더링되지 않도록 할 수있습니다. @page "/counter" Count..
코딩/Blazor 2024. 3. 24. 23:07

C# Blazor MVVM 패턴 사용하기

C# Blazor MVVM 패턴 사용하기 WPF 를 프로젝트를 하다보니 MVVM 패턴이 익숙해 졌습니다. Blazor 에서도 가능한지 확인해 보니 MVVM 처럼? 사용이 가능해서 방법을 알아봅니다. 그닥 추천하지는 않습니다. 여기에서는 기본으로 생성되는 counter 페이지를 사용했습니다. 1. ViewModel 을 정의합니다. public class CounterViewModel { public int Count { get; set; } public CounterViewModel() { } public void IncrementCount() { Count += 1; } } 2. 종속성 주입 Progrram.cs 파일에 아래 코드를 추가합니다. builder.Services.AddScoped(); 3. ..
코딩/Blazor 2024. 3. 24. 16:48

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(); MainLayout.razor 에 아래 코드를 추가합니다. 전체코드 @inherits LayoutComponentBase About @Body 화면에서는 아래처럼 사용합니다. @inject DialogService dialogServ..
코딩/Blazor 2024. 3. 24. 00:28
◀ 1 ▶
반응형

티스토리툴바