si desea mostrar múltiples imágenes se pueden utilizar Html.ActionLink
propiedad en su View
como se muestra a continuación. En esta muestra utilizo Detalle/Editar/Eliminar imágenes como un botón en la columna Acción.
Nota: Tipo Title
, Controller
y Action
nombre en Html.ActionLink
acuerdo a su proyecto. Si desea usar el título vacío simplemente escriba "" para ellos.
....
//for using multiple Html.ActionLink in a column using Webgrid
grid.Column("Action", format: (item) =>
new HtmlString(
Html.ActionLink("Show Details", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Detail",
@class = "icon-link",
style = "background-image: url('../../Content/icons/detail.png')"
}, null).ToString() +
Html.ActionLink("Edit Record", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Edit",
@class = "icon-link",
style = "background-image: url('../../Content/icons/edit.png')"
}, null).ToString() +
Html.ActionLink("Delete Record", "Edit", "Admin", new
{
applicantId = item.ApplicantID,
title = "Delete",
@class = "icon-link",
style = "background-image: url('../../Content/icons/delete.png')"
}, null).ToString()
)
)
....
<style type="text/css">
a.icon-link {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
cursor: pointer;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
</style>
Por ejemplo completo, lo podría hacer en aquí: How to use WebGrid in a cshtml view?
Saludos.
Sugeriría mucho utilizar Url.Action() –