웹 프로그래밍/Blazor 범범조조 2022. 11. 6. 17:20
개요 Blazor 에서 동적으로 페이지 개수(PageCount) 구하는 방법에 대해서 정리 진행합니다. 시나리오 현재 데이터베이스에서 Candidates 테이블에 총 9개의 Record 가 저장되어 있다고 가정합니다. 여기서 저는 한 페이지당, 3개의 데이터(PageSize = 3)를 보여준다고 하면 PageCount 는 3개의 데이터씩 총 9개의 Record 가 기록되어 있으니 PageCount 는 3이 됩니다. 여기서 만약, 소수로 떨어진다면 소수 값 그 이상의 값으로 무조건 반올림을 해 주어야지 정수 값으로 표현이 가능합니다. 위 시나리오 대로 동적으로 페이지 개수를 구하는 방법에 대한 로직을 작성 진행합니다. 동적 페이지 개수 구하는 로직 동적으로 페이지를 구하기 위한 C# 로직은 다음과 같습니다..
더 읽기
웹 프로그래밍/Blazor 범범조조 2022. 11. 6. 12:19
개요 Blazor 에서 페이지를 생성 후, 페이지 ReDirection 을 할 수 있습니다. 예를 들어, 전체 보여주고자 하는 페이지는 현재 3페이지라고 가정 하였을 때 1, 2, 3 총 3개의 페이지가 있습니다. 여기서 첫 페이지는 1페이지고, 마지막 페이지는 3페이지 입니다. 그럼, 첫 페이지에서는 무조건 1페이지가 Default 로 보여지도록 ReDirection 하는 기능을 추가하고, 만약 사용자가 마지막 페이지 그 이상의 값으로 URL 값을 지정하게 되면 무조건 마지막 페이지인 3페이지가 ReDirection 되도록 하는 예제 코드를 작성해 봅니다. Blazor ReDirection 방법 Blazor 에서 ReDirection 하는 방법 중 하나는 NavigationManager 클래스를 이용하..
웹 프로그래밍/Blazor 범범조조 2022. 11. 6. 11:17
개요 Blazor 에서 페이징 처리하는 방법에 대해서 정리 진행합니다. 예제 코드로 작성한 페이지 기법은 List 항목에서 표시되는 데이터 사이즈를 지정하고, 해당 사이즈가 넘어갈 시, 다음 페이지에 보여지도록 예제 코드 작성하였습니다. 페이징 라우팅 추가 제일 먼저, @page 라우팅 값으로 페이징 인덱스 값을 추가하였습니다. {Page:int?} 값을 통해 정수형의 Page 값으로 라우팅 되도록 속성 추가하였습니다. @page "/Candidates/{Page:int?}" 페이징 관련 로직 추가 그럼 실제로 페이징 관련 로직을 추가하겠습니다. 크게 PageSize, Page, PageIndex 3개의 속성을 추가하였습니다. 여기서 Page 속성 같은 경우에는 Attribute 로 Parameter 속..