Question

我需要在我的WebGrid中添加一个额外的列，新的colume应该包含一个基于记录字段之一的HTML5音频。类似的东西：

    <audio controls="controls">
        <source src="@string.Format("{0}{1}", @item.SongID.ToString(), ".mp3")" type="audio/mp3"/>
        Your browser does not support the audio element.
    </audio>

webgrid支持这样的场景吗？

感谢！奥弗

Answer 1

这是一种做法。在视图中创建一个帮助程序并将其用于列格式：

@helper AudioTag(dynamic item)
{
    <audio controls="controls">
        <source src="@string.Format("{0}.mp3", item.SongID)" type="audio/mp3"/>
        Your browser does not support the audio element.
    </audio>
}

<div>
    @grid.GetHtml(columns: grid.Columns(
                                grid.Column("Audio", format: a => AudioTag(a))));
</div>

如何创建自定义WebGrid列

1 个答案: