將鏈接添加到webgrid中

Question

我正在開發一個mvc.net網絡應用程序。我用一個webgrid來顯示我的數據庫中的數據。

@{ 
    var grid = new WebGrid(Model, canPage:true , rowsPerPage :6); 
    grid.Pager(WebGridPagerModes.NextPrevious); 
     @grid.GetHtml(tableStyle: "webGrid", htmlAttributes: 
     new {id="datatable" },headerStyle: "Header", alternatingRowStyle : "alt", 
     columns: grid.Columns(grid.Column("Nom"), grid.Column("Prenom"),  
     grid.Column("Email"))); 
} 

我只想爲每行添加3個操作鏈接。怎麼做。這裏是我的操作鏈接（我用圖片代替文字）

<a href="@Url.Action("Details", new { id = item.id_client })"> 
    <img src="~/Images/details.png" alt =""/></a> 
<a href="@Url.Action("Edit", new { id = item.id_client })"> 
    <img src="~/Images/modifier.png" alt =""/></a> 
<a href="@Url.Action("Delete", new { id = item.id_client })"> 
    <img src="~/Images/supprimer.png" alt =""/></a> 

Answer 1

Muliple答案從SO

Method 1

<a href="@Url.Action("Edit", new { id=MyId })"><img src="@Url.Content("~/Content/Images/Image.bmp")", alt="Edit" /></a> 

Method 2

grid.Column(header: "Details", 
      format: @<text><img src="@Url.Content("~/Content/Images/view-fullscreen.png")" 
      style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"                   
      alt="View Detail" title="View Detail"/></text>) 

Method 3

@Html.ActionLink("Update", "Update", @item.Price, new { @class = "imgLink"}) 

.imgLink 
{ 
    background: url(YourImage.png) no-repeat; 
} 

明智的選擇;）

Update：

@Html.ActionLink("Update", "Update", new{@postID =@item.PostID}, new { @class = "imgLink"})