我正在尝试将我的同事放在一起的网格样式化。它是这样创建的(注意:我删除了一些必然会节省一些空间的列):
@(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,我们用它来设置网格的样式。这个没有它。有人有想法吗?提前致谢。
答案 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()
)