如何使用 mvc.Grid 在网格中显示图像

Posted

技术标签:

【中文标题】如何使用 mvc.Grid 在网格中显示图像【英文标题】:How to display Images in grid using mvc.Grid 【发布时间】:2018-07-30 12:36:28 【问题描述】:

我有一个 mvc 网格,我想绑定在数据库中保存为 url 的图像。我是 mvc 网格的新手。请帮助我。谢谢..

这是代码:

@using GridMvc.html
@Html.Grid(Model).Named("SalesDueOrderListPartial").Columns(columns =>
    
        columns.Add(c => c.OrderNo).Titled("Order No").Filterable(true);
        columns.Add(c => c.ImageUrl).Titled("Image").Filterable(false);

    ).WithPaging(@ViewBag.paging).Sortable(true)

【问题讨论】:

【参考方案1】:

试试这个

columns.Add().Encoded(false).Sanitized(false).Titled("Image").Filterable(false).RenderValueAs(c => @<div style="width:100px;"><img  src='@c.ImageUrl')" /></div>);

【讨论】:

正确..非常感谢@Nitesh

以上是关于如何使用 mvc.Grid 在网格中显示图像的主要内容,如果未能解决你的问题,请参考以下文章

如何保存 Kendo MVC Grid 的列顺序

MVC Grid 的 Kendo UI 如何隐藏 ID 列

如何增加 MVC Grid 的单元格宽度?

Telerik/ Kendo MVC Grid,按需加载网格,而不是页面加载

如何忽略单击元素下方的元素 - NonFactors MVC Grid

如何在响应式方形网格中仅使背景图像透明?