0

私はmvc.netWebアプリケーションに取り組んでいます。Webグリッドを使用して、データベースのデータを表示しました。

@{
    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>
4

1 に答える 1

4

SOからの複数の回答

方法1

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

方法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>)

方法3

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

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

賢明に選択してください;）

更新：

@Html.ActionLink("Update", "Update", new{@postID =@item.PostID}, new { @class = "imgLink"})
于 2012-08-02T10:12:37.103 に答える