P.Pager

بيجر

ما هذا؟

P.Pager عبارة عن حزمة خفيفة الوزن لسهولة الترحيل عبر أي IEnumerable/IQueryable، وتقطيعها إلى "صفحات"، والحصول على "صفحة" محددة بواسطة فهرس. وهو يدعم مشاريع الويب، وWinforms، وWPF، وWindow Phone، وSilverlight ومشاريع .NET الأخرى. تم تكوينه افتراضيًا على > Bootstrap 3.3.1 .

كيف أستخدمه؟

تثبيت

صافي الإطار (> 4.5.2)

قم بتثبيت P.Pager.Mvc عبر NuGet. سيؤدي هذا إلى تثبيت P.Pager تلقائيًا.

 Install-Package P.Pager.Mvc -Version 3.0.0

.نت كور 3 إلى 5

قم بتثبيت P.Pager.Mvc.Core عبر NuGet. سيؤدي هذا إلى تثبيت P.Pager تلقائيًا.

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

.نت كور 6 أعلاه

قم بتثبيت P.Pager.Mvc.Core عبر NuGet. سيؤدي هذا إلى تثبيت P.Pager تلقائيًا.

 Install-Package P.Pager.Mvc.Core

بعد ذلك

1. في رمز وحدة التحكم الخاصة بك، قم باستدعاء ToPagerList من IEnumerable/IQueryable الخاص بك لتمرير حجم الصفحة.

 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 ، وقم بتمرير مثيل جهاز النداء والوظيفة التي ستقوم بإنشاء عناوين URL لكل صفحة لرؤية عنصر تحكم الترحيل.

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

خيارات النداء

الخيارات الافتراضية لعرض ترقيم الصفحات.

ملكيات

خيار	يكتب	ملخص	تقصير
ديسبلاي فيرست بيج	وضع عرض النداء	في حالة التعيين على دائمًا، قم بعرض ارتباط تشعبي للصفحة الأولى في القائمة. في حالة التعيين على IfNeeded، قم بعرض الارتباط التشعبي فقط عندما لا تكون الصفحة الأولى مرئية في عنصر تحكم الترحيل.	إذا لزم الأمر
عرض الصفحة الأخيرة	وضع عرض النداء	في حالة التعيين على دائمًا، قم بعرض رابط تشعبي إلى الصفحة الأخيرة في القائمة. في حالة التعيين على IfNeeded، قم بعرض الارتباط التشعبي فقط عندما لا تكون الصفحة الأخيرة مرئية في عنصر تحكم الترحيل.	إذا لزم الأمر
عرض الصفحة السابقة	وضع عرض النداء	في حالة التعيين على دائمًا، قم بعرض رابط تشعبي إلى الصفحة السابقة من القائمة. في حالة التعيين على IfNeeded، قم بعرض الارتباط التشعبي فقط عند وجود صفحة سابقة في القائمة.	إذا لزم الأمر
عرض الصفحة التالية	وضع عرض النداء	في حالة التعيين على دائمًا، قم بعرض رابط تشعبي إلى الصفحة التالية من القائمة. في حالة التعيين على IfNeeded، قم بعرض الارتباط التشعبي فقط عندما تكون هناك صفحة تالية في القائمة.	إذا لزم الأمر
الصفحات للعرض	كثافة العمليات؟	عدد أرقام الصفحات التي سيتم عرضها في ترقيم الصفحات، بشكل افتراضي هو 5.	5
يحتوي على صفحات فردية	منطقي	عرض أرقام الصفحات.	حقيقي
TextToIndividualPages	خيط	نص منسق لإظهاره داخل الارتباط التشعبي. استخدم {0} للإشارة إلى رقم الصفحة، حيث يتم تعيينه افتراضيًا على {0}	{0}
TextForDelimiter	خيط	سيظهر هذا بين كل رقم صفحة. إذا كانت المساحة فارغة أو بيضاء، فلن يتم عرض أي محدد.	باطل
HasEllipses	منطقي	يضيف شكلًا بيضاويًا عندما لا يتم عرض كافة أرقام الصفحات، ويكون ذلك صحيحًا بشكل افتراضي.	حقيقي
تنسيق الحذف	خيط	يظهر النص المنسق عندما لا يتم عرض كافة الصفحات، بشكل افتراضي هو ...	…
TextToFirstPage	خيط	نص منسق يتم عرضه لرابط الصفحة الأولى، ويتم تعيينه افتراضيًا على <<.	<<
TextToPreviousPage	خيط	نص منسق يتم عرضه لرابط الصفحة السابقة، ويتم تعيينه افتراضيًا على <.	<
TextToNextPage	خيط	نص منسق ليتم عرضه لرابط الصفحة التالية، يتم تعيينه افتراضيًا على >.	>
TextToLastPage	خيط	نص منسق يتم عرضه لرابط الصفحة الأخيرة، ويتم تعيينه افتراضيًا على >>.	>>
ClassToPagerContainer	خيط	Css لإلحاق عنصر في محتوى الترحيل، ويتم تعيينه افتراضيًا على حاوية النداء.	حاوية
ClassToUl	خيط	Css لإلحاق عنصر في محتوى الترحيل، بشكل افتراضي يتم تعيينه على ترقيم الصفحات.	ترقيم الصفحات
ClassToLi	خيط	فئة Css لإلحاق عنصر في محتوى الترحيل، ويتم تعيينه افتراضيًا على عنصر الصفحة.	عنصر الصفحة
فئة الصفحة	خيط	Css لإلحاق عنصر / في محتوى الترحيل، ويتم تعيينه افتراضيًا على رابط الصفحة.	رابط الصفحة
ClassToActiveLi	خيط	فئة Css لإلحاق عنصر إذا كان نشطًا في محتوى الترحيل، فسيتم تعيينه على نشط افتراضيًا.	نشيط
HasPagerText	منطقي	عرض رقم الصفحة الحالية والعدد الإجمالي للصفحات في جهاز النداء، يتم ضبطه افتراضيًا على خطأ.	خطأ شنيع
PagerTextFormat	خيط	سيتم عرض تنسيق النص إذا كان HasPagerText صحيحًا. استخدم {0} للإشارة إلى الصفحة الحالية و{0} للإشارة إلى العدد الإجمالي للصفحات، ويتم تعيينه بشكل افتراضي على الصفحة {0} من {1}.	الصفحة {0} من {1}.
HasEntriesText	منطقي	عرض عنصر البداية والعنصر الأخير وإجمالي الإدخالات في جهاز النداء، يتم ضبطه افتراضيًا على خطأ.	خطأ شنيع
EntriesTextFormat	خيط	سيتم عرض تنسيق النص إذا كان HasEntriesText صحيحًا. يشير {0} إلى الإدخال الأول في الصفحة، ويشير {1} إلى العنصر الأخير في الصفحة، ويشير {2} إلى إجمالي عدد الإدخالات، ويتم تعيينه افتراضيًا على عرض {0} إلى {1} من إجمالي {2} إدخالاً.	عرض {0} إلى {1} من إجمالي {2} إدخالاً.

وضع عرض النداء

تعداد ثلاثي الحالة يتحكم في رؤية أجزاء من عنصر تحكم الترحيل PagerList.

 public enum PagerDisplayMode

الحقول	وصف
دائماً	تقديم دائما.
أبداً	لا تقدم أبدًا.
إذا لزم الأمر	يتم العرض فقط عندما تكون هناك بيانات منطقية للعرض (حساسة للسياق).

كيفية استخدام خيارات Pager؟

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.