如何刷新Kendo UI網格

Question

我想刷新Kendo UI網格，但尚未成功。有人會建議我錯過了什麼或者我做錯了什麼嗎？

我有以下代碼：

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


     }); 

控制器：

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

Answer 1

您腳本應該

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

在控制器 添加引用

到

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

您的ActionResult應該

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