在剑道网格中不存在具有内容的div

时间:2013-05-10 03:25:13

标签: asp.net-mvc-3 kendo-ui

我正在尝试将我的同事放在一起的网格样式化。它是这样创建的(注意:我删除了一些必然会节省一些空间的列):

@(Html.Kendo().Grid<LibraryDetailViewModel>()
          .Name("myGrid")
          .Columns(columns =>
              {
                  columns.Bound(l => l.LibraryId).Title("Library").ClientTemplate("\\#= LibraryPrepName \\#").EditorTemplateName("LibraryPrepsDropDownList");
                  columns.Bound(l => l.ModifiedOn).Title("Last Updated").ClientTemplate("\\#=ModifiedLabel\\# ").Width("20%"); 
                  columns.Command(command => {
                                         command.Edit();
                                         command.Destroy();
                                     }).Width(175);
              })

          .Editable(editable => editable.Mode(GridEditMode.InLine))
          .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .PageSize(20)
                                        .ServerOperation(true)
                                        .Read(read => read.Url("api/source/#=Id#/libraries"))
                                        .Sort(sort => sort.Add("ModifiedOn").Descending())
                                        .Model(model =>
                                        {
                                            model.Id(l => l.Id);
                                            model.Field(l => l.ModifiedOn).Editable(false);
                                            model.Field(l => l.LibraryPrepId).Editable(true);
                                        })
          )
          .Pageable()
          .Sortable()
          .ToClientTemplate()
          )

因此,当我查看它时,kendo网格会正确呈现。但是,网格的实际内容没有kendo-grid-content div。我不知道为什么。在我们站点的其他页面中,网格呈现在客户端,而不是使用MVC语法(这个是渲染服务器端),它们都有一个带有kendo-grid-content类的div,我们用它来设置网格的样式。这个没有它。有人有想法吗?提前致谢。

1 个答案:

答案 0 :(得分:2)

如果网格为k-grid-content,则使用scrollable div。

scrollable使用JavaScript API的默认值为true,另请参阅in the documentation.

但ASP.NET MVC包装器使用false的默认值scrollable,因此您需要使用Scrollable()方法配置网格:

@(Html.Kendo().Grid<LibraryDetailViewModel>()
          .Name("myGrid")
          //..
          .Scrollable()
          .ToClientTemplate()
          )