kendo-ui - demos - kendo ui grid

Cómo actualizar la grilla de la interfaz de usuario de Kendo

Question

Estoy intentando actualizar una grilla de UI de Kendo pero aún no he tenido éxito. ¿Alguien podría avisar lo que me perdí o lo que hice mal?

Tengo el siguiente código:

.cshtml:

 $(''#btnRefresh'').click(function (e){
$.ajax({
type: ''POST'',
url: "@(Url.Content("~/Administration/RefreshAll/"))",
success: function () {
$("#Product").data("kendoGrid").dataSource.read();
$(''#Product'').data(''kendoGrid'').refresh();
//grid.refresh();
location.reload(true);
},
error: function (){
$("#btnRefresh").removeAttr(''disabled'');
}
});
});

Controlador:

public ActionResult RefreshAll([DataSourceRequest] DataSourceRequest request)
{
db.ProcessAll();
Response.Cache.SetCacheability(HttpCacheability.NoCache);
return View();
}

Answer 1

tu script debe ser

$(''#btnRefresh'').click(function (e){
var grid = $("#Product").data("kendoGrid");
grid.dataSource.page(1);
grid.dataSource.read();
});

en su controlador agregar referencias a

• using Kendo.Mvc.UI;
• using Kendo.Mvc.Extensions;

su ActionResult debe ser

public ActionResult RefreshAll([DataSourceRequest] DataSourceRequest request)
{
//assuming db.ProcessAll() will return a list object
return Json(db.ProcessAll().ToDataSourceResult(request));
}