Telerik 网格 asp.net mvc 空白空间

Question

我在 Telerik 窗口中有一个 Telerik Kendo UI 网格。一切正常，除了网格内有一个奇怪的空间。这可能是因为网格所在的窗口。但是我真的不明白这个……

这是我的网格和窗口代码：

@(Html.Kendo().Window()
  .Name("window")
  .Title("Kunden Suche")
  .Content(
   (Html.Kendo().Grid<CleverFit.Models.Kunde>()
        .Name("KundeGrid")
        .Columns(columns =>
        {
          columns.Bound(c => c.KdNr);
          columns.Bound(c => c.Vorname);
          columns.Bound(c => c.Name);
          columns.Bound(c => c.Ort);
          columns.Bound(c => c.Strasse);

          columns.Command(commands =>
          {
            commands.Custom("Details").Text("Öffnen").Click("open");
          }).Title("Commands");
        })
        .HtmlAttributes(new { style = "height: 500px" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Filterable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("Kunden_Read", "Api"))
            .PageSize(20)
        ).ToHtmlString()
  ))
    .Draggable()
    .Resizable()
    .Width(1000)
    .Height(600)
    .Visible(false)
    .Actions(actions => actions.Pin().Minimize().Maximize().Close())
)

我还在下面添加了一张图片。

如果我仅将窗口大小调整为 1px，则网格将采用全尺寸并且不再有空白空间。但这是在构建期间，如果将代码中的大小更改为 1px，则对网格没有影响。

Answer 1

很可能是Grid is initialized while the Window is not displayed，因此它无法正确调整其布局。

使用Window的activate事件调用Grid的resize方法。