Question

目前我正在使用从此处检索到的MvcPaging nuget包：https://github.com/martijnboland/MvcPaging

我的问题是，当我使用@ Html.Pager助手时，不要替换我的元素。它会在新选项卡中打开部分视图。

我的目标是通过Ajax更新我的QuickLinks部分，而无需刷新整页。

这是我的控制者：

    private CasuallyProDb db = new CasuallyProDb();
    private const int DefaultPageSize = 7;

    //
    // GET: /Home/
    public ActionResult Index()
    {
        int currentPageIndex = 0;
        var news = db.PostedNews.OrderBy(a=>a.NewsId).ToPagedList(currentPageIndex, DefaultPageSize);
        return View(news);

    }

    public ActionResult AjaxPage(int? page)
    {
        int currentPageIndex = page.HasValue ? page.Value - 1 : 0;
        var news = db.PostedNews.OrderBy(a => a.NewsId).ToPagedList(currentPageIndex, DefaultPageSize);
        return PartialView("_QuickLinks", news);
    }

这是我的索引视图，它呈现部分视图：

@model IPagedList<CasuallyPro.Models.News>
@using MvcPaging
<div id="quickLinksWrapper" class="float-right">
    @Html.Partial("_QuickLinks", Model)
</div>

这是我的_QuickLinks.cshtml局部视图：

@model IPagedList<CasuallyPro.Models.News>
@using MvcPaging

<div id="quickLinksDisplay">
<ul>
    @foreach (var news in Model)
    {
        <li>
            <img alt="" src="@Html.DisplayFor(modelItem => news.CategoryIcon)"/>
            <div class="quickLinksTitle">@Html.DisplayFor(modelItem => news.Title)<br/>
                <span class="quickLinksDetails">
                    <span class="quickLinksUsername"> Posted by @Html.DisplayFor(modelItem => news.PostedUserName)</span>
                    <span class="quickLinksDate"> on @Html.DisplayFor(modelItem => news.PostedDate)</span>
                </span>
            </div>
        </li>
    }
</ul>
<div id="quickLinksPagedList">
    @Html.Pager(Model.PageSize, Model.PageNumber, Model.TotalItemCount, new AjaxOptions
                                                                          {
                                                                            UpdateTargetId = "quickLinksWrapper"
                                                                          }).Options(o => o.Action("AjaxPage"))
</div>

我正在查看他们提供的示例项目，看起来应该这样做但不幸的是它只是没有正常工作。我在_Layout.cshtml的head部分中引用了脚本，用于不引人注目的ajax：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

任何指导都将不胜感激。

Ajax不使用MvcPaging

0 个答案: