Jquery PagedList.MVC刷新部分视图

Jquery PagedList.MVC刷新部分视图,jquery,ajax,asp.net-mvc,pagedlist,Jquery,Ajax,Asp.net Mvc,Pagedlist,我正在调用带有渲染操作的局部视图 @{ Html.RenderAction("GetEmployerJobs", "Job"); } 我的GetEmployerJobs控制器操作如下所示 public ActionResult GetEmployerJobs(int? p, string id) { var jobs = repository.GetEmployerJobs(id); int pageSize = 1; int pageNumber = (p ?? 1

我正在调用带有渲染操作的局部视图

@{ Html.RenderAction("GetEmployerJobs", "Job"); }
我的GetEmployerJobs控制器操作如下所示

public ActionResult GetEmployerJobs(int? p, string id)
{
    var jobs = repository.GetEmployerJobs(id);

    int pageSize = 1;
    int pageNumber = (p ?? 1);

    return PartialView("~/Views/Dashboard/Employer/_GetEmployerJobPartial.cshtml", jobs.ToPagedList(pageNumber, pageSize));
}
我的局部视图包含寻呼机

@Html.PagedListPager(Model, p => Url.Action("GetEmployerJobs", "Job", new { p }))
对GetEmployerJobs的调用是一个子操作,因此它不起作用,如果我删除了子操作属性,则在分页器单击时仅呈现部分视图


如何刷新此局部视图在单击寻呼机后,我四处查看了使用AJAX等选项,但不知道如何使用PagedList实现它。MVC

您可以使用AJAX刷新局部视图,而无需刷新整个页面

首先使用命令安装jQuery.Ajax.Unobtrusive包

安装jQuery.Ajax.Unobtrusive包

并确保在寻呼机之前包含jQuery-xxxx.js和jQuery.unobtrusive-ajax.js

在id为ajaxpanel的标记之间添加代码行@{Html.RenderActionGetEmployerJobs,Job;}

然后在部分视图中的寻呼机之后添加此java脚本代码

$.pagination>li>a.attr'data-ajax-update','ajaxpanel'; $.pagination>li>a.attr'data-ajax-mode','replace'; $.pagination>li>a.attr'data-ajax','true';