درود

لینک پیجر 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" }))





خطا :