爲什麼我的劍道網格一次只顯示一行？

我的網格垂直收縮，一次只顯示一行。它看起來像這樣：爲什麼我的劍道網格一次只顯示一行？

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

爲什麼我的劍道網格一次只顯示一行？

回答

相關問題