为什么我的剑道网格一次只显示一行？

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

My midget grid 底部的灰色条，“1 - 2的2项”也有右侧的传呼机，并且有一个大的白色区域属于网格，与其他地方不属于电网的灰色背景形成对比。

这是一个有点长，但这里是我的网格的定义，有人花半毫秒之前索要代码：

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

来源

2013-07-29 ProfK

确保您的css不会覆盖kendo的样式。 – YD1m

我只有三个css文件，最后两个是Kendo。 – ProfK

@ProfK无关紧要 - 它仍然有冲突的风格。我知道默认的MVC样式表与kendo样式表不兼容。 – Dismissile

可以请你下面的代码片段试试？

方法1：

请更新 “.scrollable（）” 与下面的代码段的代码。

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

方法2：

请下面的代码试试。如果这段代码可以工作，那么你的第三个CSS文件会影响这个网格，否则它不会。

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

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

来源

2013-08-16 13:45:26

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

来源

2013-08-16 15:14:34 eadam

为什么我的剑道网格一次只显示一行？

回答

相关问题