blazor - 在 Blazorise Datagrid 中显示图像

Question

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

谢谢，

罗曼。

Answer 1

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

这是一个关于如何做到这一点的快速示例：

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