c# - Kendo Grid 垂直滚动条不仅水平显示
问题描述
我使用剑道网格滚动,就像我项目中的所有其他网格一样。我有这个网格,其中水平滚动有效,但垂直不出现。
我试图在 HtmlAttributes 中设置网格的高度,在 .Scrollable() 中设置高度并在其中添加 Enable。
@(Html.MaskableGrid<Elozmeny>("gridElozmenyek")
.Columns(columns =>
{
columns.Command(commands =>
{
commands.Edit().Text("<span></span>").UpdateText("<span></span>").CancelText("<span></span>").HtmlAttributes(KendoHelper.EditHtmlAttributesFor(Model)).Visible("isEditable");
commands.Destroy().Text("<span></span>").Visible("buttonVisible");
}).Width(Constants.DEFAULT_GRID_COLUMN_WIDTH_NARROWER).Title("")
.HtmlAttributes(KendoHelper.DestroyHtmlAttributesFor(Model));
columns.Bound(m => m.ElozmenyId).Width(Constants.DEFAULT_GRID_COLUMN_WIDTH).Title("Előzmény azonosító").ClientTemplate("#= ElozmenyId == 0 ? ' ' : ElozmenyId #");
columns.Bound(m => m.EsemenyTipusKod).ClientTemplate("#= EsemenyTipus != null ? EsemenyTipus.Nev : EsemenyTipusKod #").EditorTemplateName("EsemenyTipusDropDownEditor").EditorViewData(new { EsemenyTipus = "#=EsemenyTipusKod#" }).Width(Constants.DEFAULT_GRID_COLUMN_WIDTH).Title("Esemény típus");
columns.Bound(m => m.Leiras).EditorTemplateName("LeirasInputEditor").Encoded(false).Width(Constants.DEFAULT_GRID_COLUMN_WIDTH_WIDER).Title("Leírás");
columns.Bound(m => m.Megjegyzes).EditorTemplateName("MegjegyzesInputEditor").Encoded(false).Width(Constants.DEFAULT_GRID_COLUMN_WIDTH_WIDER).Title("Megjegyzés");
columns.Bound(m => m.EsemenyIdeje).Format("{0:yyyy.MM.dd}").EditorTemplateName("Date").Width(Constants.DEFAULT_GRID_COLUMN_WIDTH).Title("Esemény ideje");
columns.Bound(m => m.BejegyzoMunkatarsNev).ClientTemplate("#= BejegyzoMunkatars != null ? BejegyzoMunkatars.Nev : currUser() #").Width(Constants.DEFAULT_GRID_COLUMN_WIDTH).Title("Bejegyző munkatárs").Editable("isEditable");
columns.Bound(m => m.VersionNumber).Hidden(true);
}).Events(x => x.Save("saveLeirasEsMegjegyzes").Edit("OnEditGridElozmeny"))
.ToolBar(toolBar => toolBar.Create().Text("<span></span>").HtmlAttributes(new { @id = "addButton"}))
.DataSource(dataSource => dataSource.Ajax()
.Model(model =>
{
model.Id(m => m.ElozmenyId);
model.Field(m => m.EsemenyTipus).DefaultValue(new EsemenyTipus() { Kod = "EGYEB", Nev = "Egyéb" });
model.Field(m => m.Leiras).Editable(true);
model.Field(m => m.Megjegyzes).Editable(true);
model.Field(m => m.EsemenyTipusKod);
model.Field(m => m.EsemenyIdeje).Editable(true);
model.Field(m => m.BejegyzoMunkatars).DefaultValue(new Munkatars() { MunkatarsId = User.Identity.GetMunkatarsId().Value, Nev = User.Identity.Name }).Editable(false);
model.Field(m => m.BejegyzoMunkatarsId).DefaultValue(User.Identity.GetMunkatarsId().Value);
model.Field(m => m.Eid).DefaultValue(Model.Entity.Eid).Editable(false);
})
.Read(read => read.Action("SelectElozmeny", "Epulet", new { epuletId = Model.Entity.Eid }))
.Destroy("DeleteElozmeny", "Elozmeny")
.Update(update => update.Action("UpdateElozmeny", "Elozmeny"))
.Create("InsertElozmeny", "Elozmeny")
.Events(x => x.RequestEnd("elozmenyGridRequestEnding"))
.PageSize(10)
.Sort(sort => sort.Add(m => m.EsemenyIdeje).Descending())
)
.Filterable(KendoHelper.DefaultGridFilterConfig)
.Pageable(KendoHelper.DefaultPagerConfig)
.Sortable(sorter => { sorter.SortMode(GridSortMode.SingleColumn); sorter.AllowUnsort(false); })
.AutoBind(false)
.HtmlAttributes(new { style = "height: 600px" })
.Scrollable(s => { s.Enabled(true); s.Height(250); })
)
我希望两个滚动条都能出现并变得可用。
解决方案
推荐阅读
- c# - TaskCompletionSource 执行缓慢
- xml - 优化 xslt 路径以访问具体节点
- python - 带有列名的pyspark随机森林分类器特征重要性
- vue.js - 组件中未定义的渲染函数或模板:匿名
- apache-kafka - 我们可以将 KStream 与 Flink 一起使用吗?
- php - 单击按钮时以表格格式显示数据
- apache-kafka - kafka mirrormaker 只构建主题
- java - 使用批处理作业的 FlatFileItemReader 和 FlatFileItemWriter
- javascript - jQUery preventDefault 或 stopPropagation() 不适用于切换表单
- distributed-computing - K-Bucket 在 Kademlia DHT 中到底意味着什么?