同僚がまとめているグリッドを様式化しようとしています。次のように作成されます (注: スペースを節約するためにバインドされている列の一部を削除しました)。
@(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-grid-content
グリッドの実際のコンテンツの div はありません。理由はわかりません。MVC 構文 (これはサーバー側でレンダリングされます) を使用せずにグリッドがクライアント側でレンダリングされるサイトの他のページでは、kendo-grid-content
グリッドのスタイルを設定するために使用するクラスを持つ div がすべてあります。これは持っていません。誰にも理由がありますか?前もって感謝します。