成功调用函数后，使用 Ajax 调用刷新 Telerik MVC 网格？

Question

我看到这个网站上有很多相关的问题。但我仍然无法满足我的要求。

这是我的 ajax 调用

 $.ajax({
      type: "POST",
      url: "/Medication/StopMedication",
      data: { ID: pid, StopNote: note },
      dataType: "json",
      success: function () {
           refreshGrid()
      }
});

，我的刷新网格是这样的

  function refreshGrid() {
        alert("I am at Refresh Grid");
        if ($(".t-grid .t-refresh").exists()) {
            $(".t-grid .t-refresh").trigger('click');
        }
    }

首先，成功后我的 ajax 调用不会触发刷新网格（）函数。 任何人都可以帮我解决这个问题，

我发现了问题并解决了它：

---

I Made these Changes

 dataType: "text",
  success: function (data) {
       refreshGrid();
  }

 function refreshGrid() {
   $(".t-grid .t-refresh").trigger('click');
}

Answer 1

要重新加载网格，请在成功 ajax 调用后使用它

var optionsGrid = $("#favorite-grid"); //你的网格ID

optionsGrid.data('tGrid').ajaxRequest();

享受

Answer 2

首先需要排查为什么没有调用成功回调。也许有一个错误。您可以尝试处理 $.ajax 的 error 看看是什么回应是。您还可以使用一些 HTTP 嗅探工具（WebKit 的开发人员工具，FireBug 或 Fiddler）来检查服务器响应是什么。

当您整理出未调用的成功处理程序时，您可以使用 ajaxRequest 网格方法来刷新它。

Answer 3

function refreshGrid() {
        $(".t-grid .t-refresh").trigger('click');
   }

这有效或我

Answer 4

通过这种方式

   function refreshGrid() {
        $(".t-grid .t-refresh").trigger('click');
   }

，如果您有多个网格，它将刷新页面上的所有网格。甚至细节网格也会被刷新。

为了防止这种情况，您可以使用网格的 ID

@(Html.Telerik().Grid(Model)
    .Name("myGrid")
    .Columns(columns =>
    {
        columns.Bound(o => o.OrderID).Width(100);
        columns.Bound(o => o.ContactName).Width(200);
        columns.Bound(o => o.ShipAddress);
        columns.Bound(o => o.OrderDate).Format("{0:MM/dd/yyyy}").Width(120);
    })
..........
..........
..........
)

   function refreshGrid() {
        $("myGrid .t-grid .t-refresh").trigger('click');
   }

Answer 5

对于服务器绑定 Telerik Grid 只需要做以下事情......只需使用并欢呼

在任何事件之后您都可以调用此

 var href = $('.t-refresh').attr('href');
 window.location.href = href;