P.Pagerダウンロード - P.Pagerソースコードのダウンロード

P.Pager

その他のカテゴリー

Version 9.0.0

ダウンロード

P.ポケベル

これは何ですか？

P.Pager は、IEnumerable/IQueryable を簡単にページングし、「ページ」に分割し、インデックスによって特定の「ページ」を取得するための軽量パッケージです。 Web プロジェクト、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 Core 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

その後

コントローラーコードで、ページサイズを渡して 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 ) ;
    }
}

ToPagerListの結果をビューに渡して列挙できるようにします。これは IEnumerable ですが、元のデータの子のみが含まれます。
Html.Pagerを呼び出し、Pager のインスタンスと、ページングコントロールを表示する各ページの URL を生成する関数を渡します。

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

ポケベルのオプション

ページネーションをレンダリングするためのデフォルトのオプション。

プロパティ

オプション	タイプ	まとめ	デフォルト
最初のページを表示	ページャー表示モード	「常に」に設定すると、リストの最初のページへのハイパーリンクがレンダリングされます。 IfNeeded に設定すると、最初のページがページングコントロールに表示されない場合にのみハイパーリンクがレンダリングされます。	必要な場合
最後のページを表示	ページャー表示モード	「常に」に設定すると、リストの最後のページへのハイパーリンクがレンダリングされます。 IfNeeded に設定すると、ページングコントロールに最後のページが表示されない場合にのみハイパーリンクがレンダリングされます。	必要な場合
前のページを表示	ページャー表示モード	「常に」に設定すると、リストの前のページへのハイパーリンクがレンダリングされます。 IfNeeded に設定すると、リスト内に前のページがある場合にのみハイパーリンクがレンダリングされます。	必要な場合
次のページを表示	ページャー表示モード	「常に」に設定すると、リストの次のページへのハイパーリンクがレンダリングされます。 IfNeeded に設定すると、リストに次のページがある場合にのみハイパーリンクがレンダリングされます。	必要な場合
表示するページ	整数？	ページネーションで表示するページ番号の数。デフォルトでは 5 です。	5
個別のページあり	ブール	ページ番号を表示します。	真実
個別ページへのテキスト	弦	ハイパーリンク内に表示する書式設定されたテキスト。ページ番号を参照するには、{0} を使用します。デフォルトでは、{0} に設定されています。	{0}
区切り文字のテキスト	弦	これは各ページ番号の間に表示されます。 Null または空白の場合、区切り文字は表示されません。	ヌル
楕円あり	ブール	すべてのページ番号が表示されない場合に省略記号を追加します。デフォルトでは true です。	真実
楕円の形式	弦	すべてのページが表示されていない場合、書式設定されたテキストが表示されます。デフォルトでは…	…
最初のページへのテキスト	弦	最初のページのリンクに表示する書式設定されたテキスト。デフォルトでは << に設定されます。	<<
前のページへのテキスト	弦	前のページのリンクに表示する書式設定されたテキスト。デフォルトでは < に設定されます。	<
次のページへのテキスト	弦	次のページのリンクに表示する書式設定されたテキスト。デフォルトでは > に設定されます。	>
最後のページへのテキスト	弦	最後のページのリンクに表示する書式設定されたテキスト。デフォルトでは >> に設定されます。	>>
ClassToPagerContainer	弦	ページングコンテンツの要素に追加する Css クラス。デフォルトでは、ページャーコンテナーに設定されます。	容器
クラスToUl	弦	ページングコンテンツの要素に追加する Css クラス。デフォルトではページネーションに設定されます。	ページネーション
クラストゥリ	弦	ページングコンテンツの要素に追加する Css クラス。デフォルトでは page-item に設定されます。	ページアイテム
ページクラス	弦	ページングコンテンツの / 要素に追加する CSS クラス。デフォルトでは page-link に設定されます。	ページリンク
クラスからアクティブLi	弦	ページングコンテンツでアクティブな場合に要素に追加する Css クラス。デフォルトではアクティブに設定されます。	アクティブ
HasPagerText	ブール	ページャに現在のページ番号と総ページ数を表示します。デフォルトでは false に設定されています。	間違い
PagerTextFormat	弦	HasPagerText が true の場合、テキスト形式が表示されます。現在のページを参照するには {0} を使用し、総ページ数を参照するには {0} を使用します。デフォルトでは、ページ {0}/{1} に設定されています。	ページ {0}/{1}。
エントリテキストあり	ブール	ページャに開始項目、最後の項目、および合計エントリを表示します。デフォルトでは false に設定されています。	間違い
エントリテキスト形式	弦	HasEntriesText が true の場合、テキスト形式が表示されます。 {0} はページ上の最初のエントリを指し、{1} はページ上の最後の項目を指し、{2} はエントリの総数を指します。デフォルトでは、{2} エントリ中 {0} から {1} までを表示するように設定されています。	{2} 件中 {0} から {1} までを表示しています。

ページャー表示モード

PagerList ページングコントロールの一部の可視性を制御するトライステート列挙型。

 public enum PagerDisplayMode

フィールド	説明
いつも	常にレンダリングします。
一度もない	決してレンダリングしないでください。
必要な場合	表示するのに意味のあるデータがある場合にのみレンダリングします (コンテキスト依存)。

PagerOptions の使い方

カスタムのページ番号 (たとえば 10 ページ) を表示します。

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

カスタムページテキストあり。

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

カスタム文言。 (翻訳にも使えます。 )

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

カスタムオプション。

 @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 = " | " } )

カスタムアイコンオプション (素晴らしい)

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

PrePagerオプション

最小限のポケベル

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

ページャーテキスト (ページ数テキスト) を含む最小限のページャー

 //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 )

エントリテキストを含む最小限のページャー (項目数テキスト)

 //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 )

クラシックページャー (前へ/次へのリンクが常に表示されますが、無効になる場合もあります)

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

最初と最後のリンクがあるクラシックページャー (最初と最後のリンクがあるクラシックページャーですが、無効になる場合があります)

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