Question

我想用我刚刚下载的图标替换这三个字段Edit / Details / Delete。图标大小为512x512，这会有问题吗？我可以在代码中调整它们的大小（如何），或者我应该使用某些程序调整它们的大小。我一直在网上搜索，我发现了一些非常长的C＃代码，但我不知道在哪里放置它以便用图标替换这些属性的文本。

这是我的HTML：

@using PagedList.Mvc;
@model PagedList.IPagedList<Rating_System.Models.tblTeacher>
<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
@{
    ViewBag.Title = "Teachers List";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Teachers</h2>    
<p>
    @Html.ActionLink("Add new", "Create")
</p>
@using (Html.BeginForm("Index", "Teachers", FormMethod.Get))
{

<p>
   Търсене: @Html.TextBox("SearchString", ViewBag.CurrentFilter as string)
    <input type="submit" value="Search" />
</p>
}
<table class="table">    
    <tr>
        <th>                
        </th>
        <th>  
            @Html.DisplayNameFor(model => model.First().FirstName)      
        </th>
        <th>
            @Html.DisplayNameFor(model => model.First().SecondName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.First().Title)
        </th>                      
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                <img src="@Url.Action("GetImage", "Teachers", new {item.ID})" width="45" height="45" />
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.FirstName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.SecondName)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Title)
            </td>              
            <td>
                @Html.ActionLink("Редактирай", "Edit", new { id = item.ID }) |
                @Html.ActionLink("Детайли", "Details", new { id = item.ID }) |
                @Html.ActionLink("Изтрий", "Delete", new { id = item.ID })
            </td> 
        </tr>
    }    
</table>

@Html.PagedListPager(Model, page => Url.Action("Index", new { page, pageSize = Model.PageSize }))
Results @Model.FirstItemOnPage - @Model.LastItemOnPage от общо @Model.TotalItemCount Teachers

Answer 1

尝试使用此代码

<a href="@Url.Action("ActionName", "ControllerName", new { id = item.ID })">
  <img src="@Url.Content("~/Content/imgname.jpg")" />
</a>

Answer 2

如果要使用图标（图像），请使用以下代码：

@Html.ActionLink("Редактирай", "Edit", new { id = item.ID },  new { @class="class" })

然后写下css类以包含背景图像

a.class
{
background: url(../Images/image.gif) no-repeat top left;
 width: 50px;
 height: 50px;
 display: block;
 text-indent: -9999px; /* hides the link text */
 }

但是，我建议使用bootstrap glyphicons，例如

<a href="@Url.Action("Action", "Controller")" class="btn btn-info">
Your link text 
<span class="glyphicon glyphicon-time" aria-hidden="true"></span>
</a>

或者

<span class="glyphicon glyphicon-ok" style="cursor:pointer" onclick="JavascriptFunction()"></span>

在Javascript中

function JavascriptFunction() {
window.location.href = encodeURI("/Controller/Action/");
}

您可以通过javascript函数

传递ID

MVC用图标替换编辑/细节/删除

2 个答案: