0

我遇到了一个实际上我还没有解决的问题。由于某些原因,我请求将 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>  
4

1 回答 1

2

您可以使用

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")

于 2012-10-19T20:47:14.743 回答