Razor WebGrid Ajax Paging und Sortierung

Question

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

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 wie folgt 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öchten:

Example

Answer 2

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

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

Und es wird zu diesem Punkt:

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