Startseite>ASP-Quellcode>Andere Kategorien
Herunterladen

P.Pager

Was ist das?

P.Pager ist ein Lightweight-Paket zum einfachen Blättern durch jedes IEnumerable/IQueryable, zum Zerlegen in „Seiten“ und zum Erfassen einer bestimmten „Seite“ anhand eines Index. Es unterstützt Webprojekte, Winforms, WPF, Windows Phone, Silverlight und andere .NET-Projekte. Es ist standardmäßig auf > Bootstrap 3.3.1 konfiguriert.

Wie verwende ich es?

Installation

.Net Framework ( > 4.5.2)

Installieren Sie P.Pager.Mvc über NuGet. Dadurch wird P.Pager automatisch installiert. 

 Install-Package P.Pager.Mvc -Version 3.0.0

.Net Core 3 bis 5

Installieren Sie P.Pager.Mvc.Core über NuGet. Dadurch wird P.Pager automatisch installiert. 

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

.Net Core 6 oben

Installieren Sie P.Pager.Mvc.Core über NuGet. Dadurch wird P.Pager automatisch installiert. 

 Install-Package P.Pager.Mvc.Core

Danach

  1. Rufen Sie in Ihrem Controller-Code ToPagerList aus Ihrem IEnumerable/IQueryable auf und übergeben Sie die Seitengröße. 
 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 ) ;
    }
}

  1. Übergeben Sie das Ergebnis von ToPagerList an Ihre Ansicht, wo Sie es aufzählen können – es ist immer noch ein IEnumerable, enthält aber nur ein untergeordnetes Element der Originaldaten.

  2. Rufen Sie Html.Pager auf und übergeben Sie die Instanz des Pagers und eine Funktion, die URLs für jede Seite generiert, um ein Paging-Steuerelement anzuzeigen. 

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

PagerOptionen

Standardoptionen zum Rendern der Paginierung.

Eigenschaften

Option Typ Zusammenfassung Standard
DisplayFirstPage PagerDisplayMode Bei der Einstellung „Immer“ wird ein Hyperlink zur ersten Seite in der Liste gerendert. Bei Festlegung auf „IfNeeded“ wird der Hyperlink nur gerendert, wenn die erste Seite im Paging-Steuerelement nicht sichtbar ist. Bei Bedarf
Letzte Seite anzeigen PagerDisplayMode Bei der Einstellung „Immer“ wird ein Hyperlink zur letzten Seite in der Liste gerendert. Bei Festlegung auf „IfNeeded“ wird der Hyperlink nur gerendert, wenn die letzte Seite im Paging-Steuerelement nicht sichtbar ist. Bei Bedarf
Vorherige Seite anzeigen PagerDisplayMode Bei der Einstellung „Immer“ wird ein Hyperlink zur vorherigen Seite der Liste gerendert. Bei Festlegung auf „IfNeeded“ wird der Hyperlink nur gerendert, wenn eine vorherige Seite in der Liste vorhanden ist. Bei Bedarf
Nächste Seite anzeigen PagerDisplayMode Bei der Einstellung „Immer“ wird ein Hyperlink zur nächsten Seite der Liste gerendert. Wenn die Option auf „IfNeeded“ festgelegt ist, wird der Hyperlink nur gerendert, wenn die Liste eine nächste Seite enthält. Bei Bedarf
PagesToDisplay int? Wie viele Seitenzahlen werden in der Paginierung angezeigt? Standardmäßig sind es 5. 5
HasIndividualPages bool Seitenzahlen anzeigen. WAHR
TextToIndividualPages Zeichenfolge Ein formatierter Text, der innerhalb des Hyperlinks angezeigt werden soll. Verwenden Sie {0}, um auf die Seitenzahl zu verweisen. Standardmäßig ist sie auf {0} eingestellt. {0}
TextForDelimiter Zeichenfolge Dies erscheint zwischen jeder Seitenzahl. Bei Null oder Leerzeichen wird kein Trennzeichen angezeigt. null
HatEllipsen bool Fügt eine Ellipe hinzu, wenn nicht alle Seitenzahlen angezeigt werden. Standardmäßig ist dies „true“. WAHR
EllipsenFormat Zeichenfolge Ein formatierter Text wird angezeigt, wenn nicht alle Seiten angezeigt werden. Standardmäßig ist er … …
TextToFirstPage Zeichenfolge Ein formatierter Text, der für den Link zur ersten Seite angezeigt wird. Standardmäßig ist er auf << eingestellt. <<
TextToPreviousPage Zeichenfolge Ein formatierter Text, der für den Link zur vorherigen Seite angezeigt wird. Standardmäßig ist er auf < eingestellt. <
TextToNextPage Zeichenfolge Ein formatierter Text, der für den Link zur nächsten Seite angezeigt wird. Standardmäßig ist er auf > eingestellt. >
TextToLastPage Zeichenfolge Ein formatierter Text, der für den Link zur letzten Seite angezeigt wird. Standardmäßig ist er auf >> eingestellt. >>
ClassToPagerContainer Zeichenfolge CSS-Klasse zum Anhängen an das
-Element im Paging-Inhalt. Standardmäßig ist sie auf Pager-Container eingestellt.
 Container
ClassToUl Zeichenfolge CSS-Klasse zum Anhängen an das
    -Element im Paging-Inhalt, standardmäßig ist sie auf Paginierung eingestellt.
 Pagination
ClassToLi Zeichenfolge CSS-Klasse zum Anhängen an das
  • -Element im Paging-Inhalt. Standardmäßig ist sie auf page-item eingestellt.
    		•  Seitenelement
    PageClass Zeichenfolge CSS-Klasse zum Anhängen an das /-Element im Paging-Inhalt. Standardmäßig ist sie auf „Page-Link“ eingestellt. Seitenlink
    ClassToActiveLi Zeichenfolge CSS-Klasse zum Anhängen an das
  • -Element, wenn es im Paging-Inhalt aktiv ist. Standardmäßig ist es auf aktiv gesetzt.
    		•  aktiv
    HasPagerText bool Zeigt die aktuelle Seitenzahl und die Gesamtzahl der Seiten im Pager an. Standardmäßig ist die Einstellung auf „false“ gesetzt. FALSCH
    PagerTextFormat Zeichenfolge Das Textformat wird angezeigt, wenn HasPagerText wahr ist. Verwenden Sie {0}, um auf die aktuelle Seite zu verweisen, und {0}, um auf die Gesamtzahl der Seiten zu verweisen. Standardmäßig ist die Seite auf Seite {0} von {1} eingestellt. Seite {0} von {1}.
    HasEntriesText bool Anzeige des Startelements, des letzten Elements und der Gesamteinträge im Pager. Standardmäßig ist die Einstellung auf „false“ gesetzt. FALSCH
    EinträgeTextFormat Zeichenfolge Das Textformat wird angezeigt, wenn HasEntriesText wahr ist. {0} bezieht sich auf den ersten Eintrag auf der Seite, {1} bezieht sich auf das letzte Element auf der Seite und {2} bezieht sich auf die Gesamtzahl der Einträge. Standardmäßig ist die Einstellung auf „Anzeige von {0} bis {1} von {2} Einträgen“ eingestellt. Es werden {0} bis {1} von {2} Einträgen angezeigt.

    PagerDisplayMode

    Eine dreistufige Enumeration, die die Sichtbarkeit von Teilen des PagerList-Paging-Steuerelements steuert. 

     public enum PagerDisplayMode
    Felder Beschreibung
    Stets Immer rendern.
    Niemals Rendern Sie niemals.
    Bei Bedarf Nur rendern, wenn Daten vorhanden sind, deren Anzeige sinnvoll ist (kontextsensitiv).

    Wie verwende ich PagerOptions?

    1. Zeigt benutzerdefinierte Seitenzahlen an, beispielsweise 10 Seiten. 
     @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { PagesToDisplay = 10 } )

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

    1. Benutzerdefinierte Formulierung. ( Kann auch zur Übersetzung verwendet werden. ) 
     @Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , new PagerOptions { TextToPreviousPage = "Previous Page" , TextToNextPage = "Next Page" , TextToFirstPage = "First Page" , TextToLastPage = "Last Page" } )

    1. Benutzerdefinierte Optionen. 
     @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 = " | " } )

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

    PrePagerOptions

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

    1. Minimaler Pager mit Pager-Text (Seitenzähltext) 
     //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 )

    1. Minimaler Pager mit Eintragstext (Item Count Text) 
     //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 )

    1. Klassischer Pager (zeigt immer die Links „Zurück/Weiter“ an, manchmal sind sie jedoch deaktiviert) 
     //Shows Previous and Next page always with default, 5 pages.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . ClassicPager )

    1. Klassischer Pager mit First- und Last-Links (Klassischer Pager mit First- und Last-Links, aber manchmal sind sie deaktiviert) 
     //Shows Last, First, Previous and Next page always with default, 5 pages.
@Html . Pager ( ( IPager ) Model , page => Url . Action ( "Index" , new { page } ) , PrePagerOptions . ClassicPagerWithFirstAndLastPages )

    Lizenz

    Lizenziert unter der MIT-Lizenz.

    Expandieren
    Zusätzliche Informationen
    Ähnliche Anwendungen
    Empfohlen für Sie
    Ähnliche Nachrichten Alle