Mit paging in Teilansicht, asp.net mvc

Können Sie Ajax verwenden.ActionLink aber Sie konnte AJAXify die links. Legen Sie den pager in einem <div>:

<div id="myPager">
    @Html.PagedListPager(
        Model, 
        page => Url.Action(
            "Index", 
            new { 
                humanID = ViewBag.HumanID, 
                page = page 
            }
        ),
        new PagedListRenderOptions
        {
            LinkToFirstPageFormat = "<<",
            LinkToPreviousPageFormat = "prev",
            LinkToNextPageFormat = "next",
            LinkToLastPageFormat = ">>",
        }
    )
</div>

dann AJAXify die links:

$(function() {
    $('#myPager').on('click', 'a', function() {
        $.ajax({
            url: this.href,
            type: 'GET',
            cache: false,
            success: function(result) {
                $('#some_grid_container').html(result);
            }
        });
        return false;
    });
});

Beachten Sie, dass in der success Rückruf habe ich verwendet $('#some_grid_container') werden sollten einige einwickeln von div um Ihre gesamte Tabelle.

InformationsquelleAutor Darin Dimitrov

Mein Projekt-setup: MVC4, MvcPaging (PagedList), mit Bereichen. Diese Antwort ist darauf ausgerichtet, dass die setup.

Kurze Antwort:

Während der Konfiguration Ihres AjaxOptions für den pager, sicherzustellen, dass Sie legen Sie Ihr Gebiet (richtig)

new AjaxOptions { UpdateTargetId = "grid-list" , OnBegin = "beginPaging", 
                  OnSuccess = "successPaging", OnFailure = "failurePaging"}
        , new { area = "Admin", controller = "MyController", action = "Index"}

Lange Antwort:

Die PagedList Beispiel zeigt, wie Sie passieren auf einem Gebiet, und tun, paging in einem Raum, aber Sie nicht zeigen ein Beispiel zur Verwendung von paging mit einer Teilansicht.

Beispiel-Projekt hat folgenden code (aus _AjaxEmployeeList.cshtml):

}, new AjaxOptions
            {
                UpdateTargetId = "grid-list",
                OnBegin = "beginPaging",
                OnSuccess = "successPaging",
                OnFailure = "failurePaging"
            }, 
    new { controller = "Home", action = "Index", 
        employee_name = ViewData["employee_name"] }))

Den PagedList Beispiel verwendet eine inline-Tabelle in einer foreach-Schleife, so dass Sie nicht über irgendwelche Probleme/Konflikte mit diesem setup.

@using MvcPaging
@model IPagedList<MvcPagingDemo.Models.Employee>
<table class="table table-bordered table-hover">
        @foreach (var item in Model)
        { 
            <tr>
               <td>@item.ID</td>
            </tr>
        }    
</table>

Während die Umgestaltung dieser Tabelle in einer Teilansicht (zum Kapseln von Logik (und der Umgang mit paging), ich begann, um ein "teilweise anzeigen '_MyPartialView' wurde nicht gefunden oder es ist keine Ansicht-engine unterstützt die gesuchten Standorte"

@using MvcPaging
@using MyProject.Models
@model IPagedList<MyProject.Models.MyModel>
  foreach (var item in Model)
        {
        <div data-task-id="@item.MyModel_ID.ToString()">
            @Html.Partial("_Detail", item)
        </div>
        }

Ging ich durch einen ration von änderungen versucht zu erzwingen, die das Gebiet in den Html-Code.Partial () - Aufruf, darunter:

Ändern, wie das routing gehandhabt wird, die nicht arbeiten.

So setzen Sie eine Standard-Route (Zu einem Bereich) in MVC

Vollständig Qualifizierter Pfad zu dem partial view, die funktionierten, aber hässlich war.

mvc3 - mit teilweise Blick auf die in einem anderen Bereich

Die Forschung zu bekommen, die teilweise auf den laden zeigte mir, wie das MVC-Motor-Anfragen verarbeitet. Dieser schickte mich zurück auf die änderung der Ajax-Pager zu senden, den Bereich mit jeder Anfrage. Ich habe versucht, verwenden eine ähnliche syntax wie Html.ActionLink. (Dies trifft nicht/funktioniert nicht)

@Html.ActionLink("Admin", "Index", "Admin", new { area = "Admin" }, null)

Das hat nicht funktioniert,so Versagen alle anderen, ich spiegelte das Muster für die Einstellung der controller, das führt uns zu:

new AjaxOptions { UpdateTargetId = "grid-list" ,  OnBegin = "beginPaging", 
                  OnSuccess = "successPaging", OnFailure = "failurePaging"}
           , new { area = "Admin", controller = "MyController", action = "Index"}

Meine persönliche Lehre daraus: C# != Razor != Javascript. Jeder tut Dinge ein wenig anders, und Sie müssen sicherstellen, dass Sie wissen, welche Sprache der line deine Schrift ist für.

InformationsquelleAutor Lodlaiden