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事件来调用网格的resize方法。

Telerik网格asp.net mvc空白空间

1 个答案: