Telerik MVC Ajax Grid 不会扩展保存

Question

我在使用 Telerik MVC Grid 控件时遇到问题。我希望控件在保存新行时展开新保存的行（由于行按时间排序，因此始终位于顶部）。

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

@(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);
    }
}