1

私のグリッドは垂直方向に収縮し、一度に 1 行しか表示されません。次のようになります。

私のミゼットグリッド 「1 - 2 of 2 items」の一番下の灰色のバーには、右側にページャーもあり、そのバーの下にはグリッドに属する大きな白い領域があり、他の場所の灰色の背景とは対照的です。 t はグリッドに属します。

少し長いですが、誰かがコードを要求するのに 0.5 ミリ秒かかる前の私のグリッド定義を次に示します。

@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

以下のコード スニペットを試してみてください。

方法 1:

以下のコード スニペットで「.scrollable()」コードを更新してください。

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

方法 2 :

以下のコードで試してみてください。このコードが機能する場合、3 番目の CSS ファイルはこのグリッドに影響します。

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

気になることがあれば教えてください。

于 2013-08-16T13:45:26.697 に答える
2

  • 別の剣道スキンで試してみませんか？

  • css ファイルと js ファイルを含める順序が同じかどうかを確認します。ファイルの順序を間違えたり、jquery を 2 回追加したりすると、予期しない結果になることがあります。ヘルプについては、これを参照してくださいhttp://docs.kendoui.c​​om/getting-started/introduction

  • 異なる js ファイルの組み合わせを試してみることもできます。たとえば、グリッド kendo.grid.js や kendo.all.min.js などに固有の個々のファイル。

  • JavaScript エラーが表示された場合は、Chrome のコンソールを参照してください。または、クロムを右クリックして要素を検査し、CSS を確認します。

于 2013-08-16T15:14:34.837 に答える