P.Pager

P.페이저

이게 뭔가요?

P.Pager는 IEnumerable/IQueryable을 통해 쉽게 페이징하고, "페이지"로 나누고, 인덱스로 특정 "페이지"를 가져오는 경량 패키지입니다. 웹 프로젝트, Winforms, WPF, Window Phone, Silverlight 및 기타 .NET 프로젝트를 지원합니다. 기본적으로 Bootstrap 3.3.1 로 구성되어 있습니다.

어떻게 사용하나요?

설치

.Net 프레임워크(> 4.5.2)

NuGet을 통해 P.Pager.Mvc를 설치합니다. 그러면 P.Pager가 자동으로 설치됩니다.

 Install-Package P.Pager.Mvc -Version 3.0.0

.Net 코어 3~5

NuGet을 통해 P.Pager.Mvc.Core를 설치합니다. 그러면 P.Pager가 자동으로 설치됩니다.

 Install-Package P.Pager.Mvc.Core -Version 3.0.0

.Net Core 6 이상

NuGet을 통해 P.Pager.Mvc.Core를 설치합니다. 그러면 P.Pager가 자동으로 설치됩니다.

 Install-Package P.Pager.Mvc.Core

이후

1. 컨트롤러 코드에서 페이지 크기를 전달하는 IEnumerable/IQueryable의 ToPagerList를 호출합니다.

 public class HomeController : Controller
{
    readonly DemoData _data ;
    public HomeController ( )
    {
        _data = new DemoData ( ) ;
    }

    public ActionResult Index ( int page = 1 , int pageSize = 10 )
    {
        var pager = _data . GetMembers ( ) . ToPagerList ( page , pageSize ) ;
        // will only contain 10 members max because of the pageSize.
        return View ( pager ) ;
    }
}

2. ToPagerList 의 결과를 열거할 수 있는 뷰에 전달합니다. 이는 여전히 IEnumerable이지만 원본 데이터의 하위 항목만 포함합니다.

3. Html.Pager 를 호출하여 Pager 인스턴스와 각 페이지에 대한 URL을 생성하는 함수를 전달하여 페이징 컨트롤을 확인합니다.

 //Default Pager options
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) ) 

호출기 옵션

페이지 매김 렌더링을 위한 기본 옵션입니다.

속성

옵션	유형	요약	기본
DisplayFirstPage	호출기디스플레이 모드	항상으로 설정된 경우 목록의 첫 번째 페이지에 대한 하이퍼링크를 렌더링합니다. IfNeeded로 설정하면 첫 번째 페이지가 페이징 컨트롤에 표시되지 않는 경우에만 하이퍼링크를 렌더링합니다.	필요한 경우
마지막 페이지 표시	호출기디스플레이 모드	항상으로 설정된 경우 목록의 마지막 페이지에 대한 하이퍼링크를 렌더링합니다. IfNeeded로 설정하면 마지막 페이지가 페이징 컨트롤에 표시되지 않는 경우에만 하이퍼링크를 렌더링합니다.	필요한 경우
표시이전페이지	호출기디스플레이 모드	항상으로 설정된 경우 목록의 이전 페이지에 대한 하이퍼링크를 렌더링합니다. IfNeeded로 설정하면 목록에 이전 페이지가 있는 경우에만 하이퍼링크를 렌더링합니다.	필요한 경우
다음 페이지 표시	호출기디스플레이 모드	항상으로 설정된 경우 목록의 다음 페이지로 하이퍼링크를 렌더링합니다. IfNeeded로 설정하면 목록에 다음 페이지가 있는 경우에만 하이퍼링크를 렌더링합니다.	필요한 경우
페이지 표시	정수?	페이지 매김에 표시할 페이지 번호 수입니다. 기본적으로 5입니다.	5
개별 페이지 있음	부울	페이지 번호를 표시합니다.	진실
TextToIndividualPages	끈	하이퍼링크 내부에 표시하기 위해 표시할 서식이 지정된 텍스트입니다. 페이지 번호를 참조하려면 {0}을 사용하세요. 기본적으로 {0}으로 설정되어 있습니다.	{0}
TextForDelimiter	끈	이는 각 페이지 번호 사이에 나타납니다. null 또는 공백인 경우 구분 기호가 표시되지 않습니다.	null
타원 있음	부울	모든 페이지 번호가 표시되지 않을 때 줄임표를 추가합니다. 기본적으로 true입니다.	진실
타원형식	끈	모든 페이지가 표시되지 않을 때 서식이 지정된 텍스트가 표시됩니다. 기본적으로는…	…
TextToFirstPage	끈	첫 번째 페이지 링크에 대해 표시할 서식이 지정된 텍스트이며 기본적으로 <<로 설정되어 있습니다.	<<
텍스트를 이전 페이지로	끈	이전 페이지 링크에 대해 표시할 서식이 지정된 텍스트이며 기본적으로 <로 설정되어 있습니다.	<
텍스트다음페이지로	끈	다음 페이지 링크에 표시할 서식이 지정된 텍스트이며 기본적으로 >로 설정되어 있습니다.	>
마지막 페이지로 텍스트	끈	마지막 페이지 링크에 대해 표시할 서식이 지정된 텍스트이며 기본적으로 >>로 설정되어 있습니다.	>>
ClassToPagerContainer	끈	페이징 콘텐츠의 요소에 추가되는 CSS 클래스는 기본적으로 페이저 컨테이너로 설정됩니다.	컨테이너
클래스투울	끈	페이징 콘텐츠의 요소에 추가하는 CSS 클래스이며 기본적으로 페이지 매김으로 설정되어 있습니다.	쪽수 매기기
클래스ToLi	끈	페이징 콘텐츠의 요소에 추가되는 CSS 클래스이며 기본적으로 페이지 항목으로 설정됩니다.	페이지 항목
페이지클래스	끈	페이징 콘텐츠의 / 요소에 추가되는 CSS 클래스이며 기본적으로 페이지 링크로 설정됩니다.	페이지 링크
ClassToActiveLi	끈	페이징 콘텐츠에서 활성화된 경우 요소에 추가할 CSS 클래스이며 기본적으로 활성으로 설정됩니다.	활동적인
HasPagerText	부울	현재 페이지 번호와 전체 페이지 수를 호출기에 표시합니다. 기본적으로 false로 설정되어 있습니다.	거짓
호출기텍스트형식	끈	HasPagerText가 true인 경우 텍스트 형식이 표시됩니다. 현재 페이지를 참조하려면 {0}을 사용하고 총 페이지 수를 참조하려면 {0}을 사용합니다. 기본적으로 {1}페이지의 {0}페이지로 설정됩니다.	{1}페이지 중 {0}페이지입니다.
항목 있음텍스트	부울	시작 항목, 마지막 항목 및 전체 항목을 호출기에 표시하며 기본적으로 false로 설정됩니다.	거짓
항목텍스트형식	끈	HasEntriesText가 true인 경우 텍스트 형식이 표시됩니다. {0}은 페이지의 첫 번째 항목을 나타내고, {1}은 페이지의 마지막 항목을 나타내고, {2}는 총 항목 수를 나타냅니다. 기본적으로 {2}개 항목 중 {0}~{1}개 표시로 설정되어 있습니다.	{2}개 항목 중 {0}~{1}개를 표시합니다.

호출기디스플레이 모드

PagerList 페이징 컨트롤 부분의 표시 여부를 제어하는 ​​3가지 상태 열거형입니다.

 public enum PagerDisplayMode

전지	설명
언제나	항상 렌더링합니다.
절대	렌더링하지 마십시오.
필요한 경우	표시할 수 있는 데이터가 있는 경우에만 렌더링합니다(상황에 따라 다름).

PagerOptions를 사용하는 방법은 무엇입니까?

1. 사용자 정의 페이지 번호(예: 10페이지)를 표시합니다.

 @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { PagesToDisplay = 10 } )

2. 사용자 정의 페이지 텍스트 포함.

 @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { TextToIndividualPages = "Page-{0}" } )

3. 맞춤 문구. ( 번역에도 사용할 수 있습니다. )

 @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { TextToPreviousPage = "Previous Page" , TextToNextPage = "Next Page" , TextToFirstPage = "First Page" , TextToLastPage = "Last Page" } )

4. 맞춤 옵션.

 @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { TextToPreviousPage = "last-page" , TextToNextPage = "next-page" , TextToFirstPage = "first-page" , TextToLastPage = "last-page" , ClassToUl = "list-inline" , ClassToLi = "list-inline-item" , PageClass = "nopageclass" , ClassToActiveLi = "niloclass" , TextForDelimiter = " | " } )

5. 사용자 정의 아이콘 옵션(Fontawesome)

 @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { TextToPreviousPage = "" , TextToNextPage = "" , TextToFirstPage = "" , TextToLastPage = "" } ) 

PrePager옵션

1. 최소 호출기

 //Shows only the Previous and Next links.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . Minimal )

2. 호출기 텍스트가 포함된 최소 호출기(페이지 수 텍스트)

 //Shows Previous and Next links along with current page number and total number of pages in pager.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . MinimalWithPagerText )

3. 항목 텍스트가 있는 최소 호출기(항목 수 텍스트)

 //Shows Previous and Next links along with index of start and last item and total entries in pager.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . MinimalWithEntriesText )

4. 클래식 호출기(항상 이전/다음 링크를 표시하지만 때때로 비활성화됨)

 //Shows Previous and Next page always with default, 5 pages.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . ClassicPager )

6. 첫 번째 및 마지막 링크가 있는 클래식 호출기(첫 번째 및 마지막 링크가 있는 클래식 호출기이지만 때로는 비활성화되어 있음)

 //Shows Last, First, Previous and Next page always with default, 5 pages.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . ClassicPagerWithFirstAndLastPages ) 

특허

MIT 라이선스에 따라 라이선스가 부여됩니다.