Razor WebGrid ajax paginazione e l'ordinamento
-
30-09-2019 - |
Domanda
Sto cercando di imparare ad usare Razor WebGrid in MVC3. Come funziona il ajaxUpdateCallback di lavoro parametro?
Soluzione
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:
Altri suggerimenti
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');
}