Razor webgrid ajax pagination et le tri

Question

J'essaie d'apprendre à utiliser Razor WebGrid dans MVC3. Comment fonctionne le paramètre ajaxUpdateCallback?

Answer 1

le ajaxUpdateCallback est le nom de la fonction javascript qui sera appelé après l'appel du serveur est terminée. Le titre de votre question concerne la pagination et le tri avec le WebGrid qui ressemblerait à quelque chose comme ça ...

@{ 
    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") 
     )); 
} 

J'ai un exemple complet ici si vous souhaitez voir:

Example

Answer 2

Le paramètre ajaxUpdateCallBack est utilisé pour spécifier la fonction JavaScript qui doit être appelée lorsque l'élément désigné par la valeur ajaxUpdateContainerId a été mis à jour à la suite de tri ou de pagination, etc. Vous passez dans le constructeur comme ceci:

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

Et il pointera vers ceci:

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