Question

我正在制作一个具有基本CRUD功能的MVC项目。

在索引视图中，我有标准的编辑和删除链接。可以为每个内容项单击。

<td>
    @Html.ActionLink("Edit", "Edit", new { id = item.ContentItemID })>
</td>
<td>
    @Html.ActionLink("Delete", "Delete", new { id = item.ContentItemID })
</td>

虽然这很好用。我希望编辑和删除链接是一个图标而不是纯文本。我尝试了几件事，但所有这些都删除了new { id = item.ContentItemID } 我需要在编辑和删除中进行操作，以便选择要编辑或删除的特定项目。

我想使用字体真棒<i class="fa fa-trash-o" style="font-size:22px;" aria-hidden="true"></i>和<i class="fa fa-pencil-square-o" style="font-size:22px;" aria-hidden="true"></i>

我有可能这样做吗？

Answer 1

Actionlink只是一个生成的URL，你可以将它连接起来作为替代，如下所示：

<a href="@Url.Content("~/ControllerName/ActionName/" + @item.ContentItemID)"> <i class="fa fa-pencil-square-o" style="font-size:22px;" aria-hidden="true"></i></a>

Answer 2

Html.ActionLink只为您生成<a>标记。因此，您可以使用Url.Action生成链接。

<a href="@Url.Action("Edit", new { id = item.ContentItemID })> 
  <i class="fa fa-pencil-square-o" style="font-size:22px;" aria-hidden="true"></i>
</a>

Answer 3

@ Html.ActionLink会自动对您指定的文本进行编码。您可以实现不编码的方法的自己版本，并继续使用HtmlHelper。这比连接更可靠，因为如果将来路由发生变化，这将无效。

您可以找到示例实现here。

MVC CRUD编辑和删除

3 个答案: