在 Blazorise Datagrid 中显示图像

问题描述

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

谢谢,

罗曼。

解决方法

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

这是一个关于如何做的快速示例:

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