MVC3 WebGrid - @Url.Action 使用图像按钮

Question

我遇到了一个实际上我还没有解决的问题。由于某些原因，我请求将 Html.ActionLink 中使用的文本替换为更直观的设计，使用图像作为 WebGrid 内的按钮，用于修改、复制、发布和删除等常规操作。 阅读我尝试了很多方法，但没有一个让我进入最后阶段：

@{
    var grid = new WebGrid(Model, new List<string>(), canPage: true, rowsPerPage: 5);
    grid.Pager(WebGridPagerModes.NextPrevious);
        @grid.GetHtml(tableStyle: "webGrid",
        htmlAttributes: new { id = "DataTable" },
        headerStyle: "header",
        alternatingRowStyle: "alt",
        columns:
        grid.Columns(
        grid.Column("Description", header: "Description"),
        grid.Column("DateCreation", header: "Creation Date"),
        grid.Column("CompanyOwner", header: "Company"),
        grid.Column("Owner", header: "User"),
        grid.Column("Status", header: "Status"),
        grid.Column("Action", header: "Action", 
                          format: (item) => @Url.Action("publish", 
                                                        "PublishItem",  
                                                        new { id = item.ID })))
        );
    } 

为此，我从一个使用 linq 到实体创建的模型开始，我在其中添加了 Action 列，我想用它来放置我的按钮。如何像在普通表格中一样将图像放置为按钮：

<a href="@Url.Action("PublishPill", new { id = item.ID })">
<img src="../../Images/world_32px.png", alt="Edit" title="Publish" border="0" /></a>  

Answer 1

你可以使用

grid.Column(header: "Contraseña", format: @<text><a href="@Url.Action("ChangePassword", "Home", new { id = item.Identification })" ><img src="../../Content/images/password.png" alt="" style="border:none;" /></a></text>, style: "colOperation")