MVC替换编辑/详细信息/删除图标

我想用我刚下载的图标替换这三个字段编辑/细节/删除。这些图标大小为512x512，这会是一个问题吗？我可以在代码中调整它们的大小（如何），或者我应该使用某个程序调整它们的大小。我一直在寻找网络，我发现了一些非常长的C＃代码片段，但我不知道在哪里放置它以便用图标替换那些属性的文本。MVC替换编辑/详细信息/删除图标

这里是我的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

来源

2016-10-10 Georgi93

用''更改'@ Html.ActionLink（“Редактирай”，“Edit”，new {id = item.ID}）'或者创建一个自定义HTML助手来渲染图像。应通过设置宽度和高度属性来调整所有提供的图像的大小。 –

尝试使用此代码

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

来源

2016-10-11 04:38:40

它按照我的意愿工作！ – Georgi93

如果你想使用一个图标（图像）使用下面的代码：

@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 */ 
}

但是，我会建议使用自举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

来源

2016-10-11 03:27:20 SaadK

MVC替换编辑/详细信息/删除图标

回答

相关问题