Rasierer WebGrid ajax Paging und Sortieren

Question

Ich versuche zu lernen, wie Razor WebGrid in MVC3 zu verwenden. Wie funktioniert die ajaxUpdateCallback Parameter Arbeit?

Answer 1

Die ajaxUpdateCallback ist der Name der JavaScript-Funktion, die aufgerufen wird erhalten, nachdem der Server Aufruf abgeschlossen ist. Der Titel Ihrer Frage ist in Bezug auf Paging und Sortieren mit dem WebGrid die so etwas wie dieses ...

aussehen würde

@{
    var grid = new WebGrid(canPage: true, rowsPerPage: ThisController.PageSize, canSort: true, ajaxUpdateContainerId: "grid");
    grid.Bind(Model.Employees, rowCount: Model.TotalRecords, autoSortAndPage: false);
    grid.Pager(WebGridPagerModes.All);
    @grid.GetHtml(htmlAttributes: new { id="grid" },
        columns: grid.Columns(
            grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { EmployeeID = item.EmployeeID })),
            grid.Column("FullName"),
            grid.Column("Title")
        ));
}

Ich habe ein vollständiges Beispiel hier, wenn Sie es sehen mögen:

Beispiel

Answer 2

Der ajaxUpdateCallBack Parameter wird die JavaScript-Funktion angeben, die aufgerufen werden soll, wenn das Element durch den ajaxUpdateContainerId Wert bezeichnet hat als Ergebnis der Sortierung oder Paging usw. aktualisiert Sie übergeben es an den Konstruktor wie folgt aus:

var grid = new WebGrid(data, ajaxUpdateContainerId : "grid", 
                ajaxUpdateCallback: "callBack");

Und es wird zu diesem Punkt:

function callBack(){
    alert('Called Back');
}