Saltar al contenido

Paginación y clasificación de Razor webgrid ajax

Solución:

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 se refiere a la 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 desea verlo:

Ejemplo

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

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

Y apuntará a esto:

function callBack(){
    alert('Called Back');
}
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *