Razor WebGrid ajax paginazione e l'ordinamento

Question

Sto cercando di imparare ad usare Razor WebGrid in MVC3. Come funziona il ajaxUpdateCallback di lavoro parametro?

Answer 1

L'ajaxUpdateCallback è il nome della funzione JavaScript che andranno chiamato dopo la chiamata del server è completa. Il titolo della tua domanda è per quanto riguarda il paging e l'ordinamento con il WebGrid che sarebbe simile a questa ...

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

Ho un esempio completo qui se vuoi vederlo:

Esempio

Answer 2

Il parametro ajaxUpdateCallBack viene utilizzato per specificare la funzione JavaScript che dovrebbe essere chiamato quando l'elemento indicato con il valore ajaxUpdateContainerId è stato aggiornato a seguito di cernita o paging ecc si passa al costruttore in questo modo:

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

E sarà puntare a questo:

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