شیوه کار کردن با پیجر ایجکسی X.PagedList

درود

لینک پیجر X.PagedList : لینک منبع

قبلا خیلی دنبال یه پیجر جدید و بروز برای Mvc گشتم و چیزی پیدا نکردم و با توجه به اومدن Core این مثلا هم طبیعی هست ,

ولی چندروز پیش این مورد رو پیدا کردم که خیلی بروزه و ظاهرا همه حالت ها و قالبیت های ممکن رو داره و هم برای Core و هم برای Mvc قابل استفاده هست ,
من مستندات رو پیش رفتم ولی جواب نگرفتم و نوتنستم پیجر رو بسازم ,


لطفا راهنمایی کنید که به چه شکل باید پیش رفت ؟


کد های من :


کنترولر :

public object AjaxPager(int? page)

{

    var listPaged = Bl_Product.Where(p => p.ExistCount > 0).ToList(); // GetPagedNames is found in BaseController

    if (listPaged.Count == 0)

        return HttpNotFound();

 

    return Request.IsAjaxRequest()

        ? (ActionResult)PartialView("UnobtrusiveAjax_Partial  ", listPaged)

        : View(listPaged);

 

}

ویو :

@{

    ViewBag.Title = "AjaxPager";

    Layout = "~/Views/Shared/Layout/_LayoutFinal.cshtml";

}

@model IEnumerable<WebShopping2017.Models.Domain.Tbl_Prod  ucts>

@using System.Web.Optimization

@using PagedList.Mvc;

 

@Styles.Render("~/Content/PagedList.css")

 

<h2>Unobtrusive Ajax</h2>

 

<p>Example of paging a list:</p>

<div id="unobtrusive">

    @Html.Partial("UnobtrusiveAjax_Partial", Model)

</div>

<div id="oncomplete"></div>

 

@section Scripts{

<script src="~/Scripts/jquery/jquery.unobtrusive-ajax.min.js"></script>

    <script>

        function PagedOnComplete(obj) {

            console.log(obj);

            var $oncomplete = $('#oncomplete');

            $oncomplete

                .text('Paging operation completed.')

                .css('backgroundColor', 'yellow')

                .fadeOut({complete: function () {

                    $oncomplete.css('backgroundColor', 'transparent').text('').show();

                }});

        }

    </script>

}

پارشیال ویو :

@model IEnumerable<WebShopping2017.Models.Domain.Tbl_Prod  ucts>

@using PagedList

@using PagedList.Mvc

@Html.PagedListGoToPageForm((IPagedList)Model, Url.Action("AjaxPager"))

 

<ul id="names" start="1">

    @foreach (var i in Model.ToList())

    {

        <li>@i.Title</li>

    }

</ul>

 

@Html.PagedListPager((IPagedList)Model, page => Url.Action("AjaxPager", new { page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplac  ing(new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "unobtrusive", OnComplete = "PagedOnComplete" }))

خطا :

http://s9.picofile.com/file/8306606068/Cast.jpg