カスタムWebGrid列を作成するには

Question

WebGridに追加の列を追加する必要があります。新しい列には、レコードのフィールドの1つに基づいたHTML5オーディオが含まれている必要があります。そのようなものは：

​​

は、WebGridが、このようなシナリオをサポートしていませんか？

ありがとうございました！ ofer

Answer 1

これを行う方法が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>