asp.net-mvc-3 - 我可以将 PartialViewResult 与 PagedList 一起使用并将其显示在 PartialView 中吗

Question

大家好，我有一个问题，我可以在 PartialViewResult Action 中使用 PagedList 并在 PartialView 中显示结果吗？

这是一些代码

Controller 代码:

public PartialViewResult CargosPorProyecto(string id, int? page)
    {
        var cargos = db.Cargo.Include(i => i.Proyectos).Where(i => i.NumProyecto.Equals(id)).OrderByDescending(i => i.Fecha);

        if (Request.HttpMethod != "GET")
        {
            page = 1;
        }

        var pageSize = 10;
        var pageNumber = (page ?? 1);
        var onePage = cargos.ToPagedList(pageNumber, pageSize);


        return PartialView("ListaCargosParcial", ViewBag.OnePage = onePage);
    }

在我的 PartialView 中，我放置此代码来显示分页

<div class="pagination-right">
    <div class="span12">
       <%: Html.PagedListPager((IPagedList)ViewBag.OnePage, page => Url.Action("CargosPorProyecto", new { page = page }), new PagedListRenderOptions { LinkToFirstPageFormat = "<< Primera", LinkToPreviousPageFormat = "< Anterior", LinkToNextPageFormat = "Siguiente >", LinkToLastPageFormat = "&Uacute;ltima >>" })%> 
    </div>                    
    </div>

当我加载包含部分 View 的页面时，一切看起来都很好，但是当我单击“下一步”(“Siguiente”)时，不会在我的部分 View 中加载。

我希望我能解释清楚并感谢您抽出时间。

问候

Answer 1

如果您想保持在同一页面上，可以使用 AJAX。例如，如果您使用 jQuery，您可以订阅分页链接的单击事件，然后触发对相应 Controller 操作的 AJAX 请求，并使用返回的结果刷新部分:

$(function() {
    $('.pagination-right a').click(function() {
        $.ajax({
            url: this.href,
            type: 'GET',
            cache: false,
            success: function(result) {
                // refresh the contents of some container div for the partial
                // make sure you use the correct selector here
                $('#some_container_for_the_partial').html(result);
            }
        });

        // cancel the default action which is a redirect
        return false;
    });
});