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'');
}