插入项目后如何重新绑定 Telerik MVC 网格

Question

我的 Telerik MVC 3 网格是通过 Ajax 填充的。插入一行后，我需要重新绑定网格。当我对 OnSave() 事件进行重新绑定时，数据重新绑定仍在控制器操作上发送。我需要类似 OnInserted 事件的东西。

有什么想法吗？

Answer 1

使用以下标准，

 @(Html.Telerik().Grid<PackageDetails>()
     .Name("gvPackage")
     .DataKeys(keys => keys.Add(k => k.PKG_CODE))
     .Columns(column =>
     {
        column.Bound(c => c.PKG_NAME).Title("Description").Width(200);
        column.Bound(c => c.MESG_UNIT).Title("Measuring Unit").Width(100);
        column.Bound(c => c.STD_QNT).Title("Quantity").Width(100);
        column.Bound(c => c.MODEL).Title("Model").Width(100);

        column.Bound(c => c.COMP_CODE).ClientTemplate("<input type='text' id='txtSerial<#=COMP_CODE#>' value='<#=PKG_NAME#>' />").Title("Serial Number");

        column.Bound(c => c.COMP_DESC).Title("Model").Width(100);
                                  })
        .DataBinding(dbBindings => dbBindings.Ajax().Select("_PackageDetailsLoad", "SalesDept"))

)

控制器代码

[GridAction]
        public ActionResult _PackageDetailsLoad(string programID, string projectID, string packageID)
        {
            objLoginHelper = (LoginHelper)Session["LogInInformation"];

            return View(new GridModel<PackageDetails>
            {
                Data = salesDal.ReadPackageDetails(programID, projectID, packageID)
            });
        }

在 JavaScript 中使用以下代码

$('#ddlProgram').change(function () {          
     LoadPackageAndBindGrid();
 });

function LoadPackageAndBindGrid() {

            var params = {
                programID: $('#ddlProgram').val(),
                projectID: $('#ddlProject').val(),
                packageID: $('#ddlPackage').val()
            };

            var grid = $('#gvPackage').data('tGrid');
            grid.dataSource._data = [];               

            // Reload The Package Details
            grid.ajaxRequest(params);
        }

Answer 2

执行插入代码后，您可以通过从控制器返回 GridModel 来重新绑定网格：

[AcceptVerbs(HttpVerbs.Post)]
[GridAction]
public ActionResult _ItemInsert(int id, MyObject obj)
{
    //Rebind the grid by sending the GridModel back
    return View(new GridModel(myData)); // where myData is your grid data
}

不要忘记使用 [GridAction] 装饰您的控制器。

这假设您的网格有一个 ajax DataBinding 声明，如下所示：

dataBinding.Ajax()
.Insert("_ItemInsert", "Item" })

Answer 3

这取决于您添加行的方式。如果您正在进行网格内编辑，网格应该会自动更新。如果您要从表单添加记录，则可以使用客户端 rebind() 方法刷新网格数据。

http:// /www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-client-api-and-events.html#rebind

Answer 4

完成您的操作后，您可以致电：
jQuery("#gvPackage").data("t-grid").ajaxRequest()