jquery - 数据更新后重新加载 Telerik 网格

Question

数据更新后如何重新加载/刷新 Telerik 数据网格？是否有一个内置的 Telerik 函数，我可以在 ajax 成功中调用它？如果没有，如何最好地刷新/重新加载 Telerik 网格？

jQuery：

$("#SaveHours").click(function (e) {

    e.preventDefault();
    var link = '/Project/SaveHours';

    $.ajax({
        type: 'POST',
        url: link,
        data: { hours: $("#HoursWorked").val(),
            descType: $("#Description").val(),
            wrkType: $("#WorkType").val()
        },
        dataType: 'json',
        success: function (result) {
            alert(result.message);
        },
        error: function (result) {
            alert("Failed");
        }
    });

网格位于局部视图中，这是我返回局部的方式：

 <%  Html.RenderAction("Hours"); %>

这是我的控制器动作：

[GridAction]
public ActionResult Hours()
{
    ViewData.Model = db.vwHours;
    return View();
}

任何帮助表示赞赏

Answer 1

您可以使用 Telerik 网格重新绑定方法

$.ajax({
        type: 'POST',
        url: link,
        data: { hours: $("#HoursWorked").val(),
            descType: $("#Description").val(),
            wrkType: $("#WorkType").val()
        },
        dataType: 'json',
        success: function (result) {
            //rebind here
            var grid =  $("#MyGrid").data("tGrid");
            grid.dataBind(result.data)
        },
        error: function (result) {
            alert("Failed");
        }
    });