asp.net mvc 3 - Razor webgrid ajax paginación y clasificación

asp.net-mvc-3

Question

Estoy tratando de aprender a usar Razor WebGrid en MVC3. ¿Cómo funciona el parámetro ajaxUpdateCallback ?

Answer 1

El ajaxUpdateCallback es el nombre de la función javascript que se llamará después de que se complete la llamada al servidor. El título de su pregunta es sobre paginación y clasificación con WebGrid, que se vería así ...

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

Tengo un ejemplo completo aquí si quieres verlo:

Example

Answer 2

El parámetro ajaxUpdateCallBack se usa para especificar la función de JavaScript que se debe invocar cuando el elemento denotado por el valor ajaxUpdateContainerId se ha actualizado como resultado de la ordenación o paginación, etc. Lo pasa al constructor de la siguiente manera:

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

Y señalará esto:

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