Question

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

My midget grid 底部灰色条，带有＆＃34; 1 - 2个项目＆＃34;右侧也有寻呼机，该栏下方有一个大的白色区域，属于网格，与其他不属于网格的灰色背景形成鲜明对比。

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

@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"))
                                   ))

Answer 1

您可以尝试使用以下代码段吗？

方法1：

请使用以下代码段更新“.scrollable（）”代码。

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

方法2：

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

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

如果有任何疑虑，请告诉我。

Answer 2

尝试使用不同的剑道皮肤？
检查您是否使用相同的顺序来包含css和js文件。有时错误的文件顺序或两次添加jquery可能会给出意外的结果。请参阅此处获取帮助http://docs.kendoui.com/getting-started/introduction
您可能还想尝试不同的js文件组合。例如特定于网格kendo.grid.js或。的单个文件 kendo.all.min.js等。
如果Chrome显示任何javascript错误，请参阅Chrome中的控制台。或者对点击chrome并检查元素以查看其css。

为什么我的Kendo Grid一次只显示一行？

2 个答案: