在 Blazorise Datagrid 中显示图像

Question

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

谢谢，

罗曼.

Answer 1

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

这里有一个简单的例子：

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

在 Blazorise Datagrid 中显示图像

Display an image in Blazorise Datagrid

blazor

blazorise