1

我的网格垂直收缩，一次只显示一行。它看起来像这样：

我的侏儒网格 底部的灰色条，带有“1 - 2 of 2 items”的右侧也有寻呼机，该条下方有一个属于网格的大白色区域，与其他地方的灰色背景形成鲜明对比。 t 属于网格。

这有点长，但这是我的网格定义，在有人需要半毫秒来询问代码之前：

@model VehicleMovementBatchIndexModel
@using Kendo.Mvc.UI
@using ParkPay.TheBridge.ViewModels
@using GridEditMode = Kendo.Mvc.UI.GridEditMode
@(Html.Kendo().Grid<VehicleMovementBatchIndexItem>()
                       .Name("index-grid")
                       .Columns(columns =>
                                    {
                                        columns.Bound(p => p.FileName).Title("File Name");
                                        columns.Bound(p => p.FileContentHash).Title("File Content MD5");
                                        columns.Bound(p => p.FileReportDate).Title("File Report Date").Format("{0:yyyy/MM/dd}").Width(180);
                                        columns.Bound(p => p.Imported).Title("Imported").Format("{0:yyyy/MM/dd}").Width(130);
                                        columns.Bound(p => p.ResultMessage).Title("Result").Width(110);
                                        columns.Bound(p => p.Remarks);
                                        columns.Command(cmd => cmd.Destroy().Text("Delete")).Width(100);
                                        columns.Command(cmd => cmd.Custom("Prepare").Click("PrepareBatch")).Width(90);
                                    })
                       .HtmlAttributes(new { style = "height: 480px;" })
                       .Editable(editable => editable.Mode(GridEditMode.InCell))
                                          .ToolBar(toolbar =>
                       {
                           toolbar.Save();
                       })
                       .Filterable()
                       .Pageable()
                       .Scrollable()
                       .Sortable()
                       .Resizable(resize => resize.Columns(true))
                       .Reorderable(reorder => reorder.Columns(true))
                       .DataSource(dataSource => dataSource
                                             .Ajax()
                                             .ServerOperation(false)
                                             .Batch(true)
                                             .PageSize(20)
                                             .Events(events => events.Error("kendoGridErrorHandler"))
                                             .Model(model => model.Id(p => p.Id))
                                             .Read(read => read.Action("Read", "VehicleMovementBatch"))
                                             .Destroy(destroy => destroy.Action("BatchDelete", "VehicleMovementBatch"))
                                             .Update(update => update.Action("BatchUpdate", "VehicleMovementBatch"))
                                   ))
4

2 回答 2

2

  • 用不同的剑道皮肤试试？

  • 检查您是否使用相同的顺序来包含 css 和 js 文件。有时错误的文件顺序或两次添加 jquery 可能会产生意想不到的结果。请参阅此获取帮助http://docs.kendoui.c​​om/getting-started/introduction

  • 您可能还想尝试不同的 js 文件组合。例如特定于网格 kendo.grid.js 或 kendo.all.min.js 等的单个文件。

  • 如果显示任何 javascript 错误，请查看 chrome 中的控制台。或者右键单击 chrome 并检查元素以查看其 css。

于 2013-08-16T15:14:34.837 回答
2

你能试试下面的代码片段吗？

方法一：

请使用以下代码片段更新“.scrollable()”代码。

.Scrollable(scrolling => scrolling.Enabled(true).Height(480))

方法二：

请尝试使用以下代码。如果此代码有效，则您的第三个 CSS 文件会影响此网格，否则不会。

.HtmlAttributes(new { style = "height: 480px !important;" })

让我知道是否有任何问题。

于 2013-08-16T13:45:26.697 回答