c# - Telerik MVC Ajax 网格不会在保存时扩展

Question

我在使用 Telerik MVC 网格控件时遇到问题。我希望控件在保存新行时扩展新保存的行(它总是位于顶部，因为行按时间排序)。

我在我的网格中使用了以下代码:

@(Html.Telerik()
  .Grid<Models.ViewModels.BestellingModel>()
  .Name("...")
  .DetailView(
       ...
  )
  .DataBinding(
      db =>
          {
              db.Ajax().Select(...);
              db.Ajax().Update(...);
              db.Ajax().Insert(...);
              db.Ajax().Delete(...);
          }
  )
  .DataKeys(
      ...
  )
  .ToolBar(
      ...
  )
  .ClientEvents(e =>
                    {
                        e.OnError("onErrorGrid");
                        e.OnSave("onSaveBestelling");
                        e.OnDataBound("bestellingenVanKlant_onRowDataBound");
                    }
  )
)

这是javascript:

var isSaved = false;

function onSaveBestelling(e) {
    isSaved = true;
}

function bestellingenVanKlant_onRowDataBound(e) {
    if (isSaved) {
        var grid = $(this).data('tGrid');
        grid.expandRow(0);

        isSaved = false;
    }     
}

当我使用 firebug 跟踪代码路径时，它显示代码正在执行。然而，在我看来，该行在插入新行后不会展开。

有什么想法吗？

Answer 1

我认为您必须更改您的 bestellingenVanKlant_onRowDataBound 函数:

var grid = $(this).data('tGrid');
expandFirstRow(grid, e.row);

并使用 expandFirstRow 函数:

function expandFirstRow(grid, row) {
    if (grid.$rows().index(row) == 0) {
        grid.expandRow(row);
    }
}