如何创建自定义 WebGrid 列

【问题标题】：how do I create a custom WebGrid Column如何创建自定义 WebGrid 列
【发布时间】：2011-10-18 23:48:44
【问题描述】：

我需要向我的 WebGrid 添加一个额外的列，新的列应该包含基于记录字段之一的 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 是否支持这样的场景？

谢谢！提供

【问题讨论】：

标签： asp.net-mvc model-view-controller asp.net-mvc-3

【解决方案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>

【讨论】：