在 Blazorise Datagrid 中显示图像

【问题标题】：Display an image in Blazorise Datagrid在 Blazorise Datagrid 中显示图像
【发布时间】：2021-08-26 10:29:17
【问题描述】：

我目前正在开发一个应该显示姓名、电话号码、电子邮件...和图片的应用程序。我在互联网上四处寻找如何做到这一点，但没有结果。有谁知道如何在单元格中显示图像？

谢谢，

罗曼。

【问题讨论】：

标签： blazor blazorise

【解决方案1】：

所以我找到了我的问题的答案。要显示图像，您只需使用<DisplayTemplate> 元素。在 <DisplayTemplate> 块内，您必须创建一个变量，该变量将成为您的模型的实例。

下面是一个简单的例子：

...
<DataGridColumn TItem="MyModel" Field="@nameof(MyModel.Picture)" caption="">
    <DisplayTemplate>
        @{
            var myModel = context as MyModel;
            <img src="@myModel.Picture"/>
        }
    </DisplayTemplate>
</DataGridColumn>
...

【讨论】：